CSS Beautifier
Formats CSS files with the chosen indentation level for optimal readability.
Loading tool...
About the CSS beautifier
The beautifier turns a minified or badly indented stylesheet into readable CSS: every rule gets its own block, every declaration its own line, nested at-rules are indented.
Options
| Option | Effect |
|---|---|
| Indentation level | Spaces per nesting level. |
| Blank line between rules | Empty line after every closing brace. |
| One selector per line | Breaks selector lists into separate lines. |
| Preserve existing line breaks | Keeps blank lines for sections. |
| Spaces around combinators | ul > li + li vs ul>li+li. |
| End with a newline | Final line break for linters. |