CSS

CSS Formatter

Beautify and optimize your CSS code

Input CSS

body {
    margin:0;
    padding:0;
    font-family:Arial,sans-serif;
    background:#f0f0f0
}
.container{width:100%;max-width:1200px;margin:0 auto;padding:20px}
.header{background:#333;color:white;padding:1rem;text-align:center}
.btn{background:blue;color:white;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.btn:hover{background:darkblue}

Formatted CSS Output

Formatting Options

Formatting Style

Indentation

Indent Size

Auto-add semicolons

Sort properties alphabetically

Standardize color formats

0 B

Input Size

0 B

Output Size

Size Savings

Lines