Home › Minifiers & Beautifiers › CSS Beautifier
CSS Beautifier
Expand a minified or messy stylesheet into clean rules: selector on its own line, one declaration per line, consistent indentation.
How to use the CSS Beautifier
- Paste your CSS into the input box.
- Choose an indent style.
- Press Beautify.
- Copy the formatted stylesheet.
About this tool
Reading someone else's stylesheet — or your own minified one — is far easier with one declaration per line. This beautifier parses rules and declarations, normalises the spacing around colons and braces, and indents nested blocks such as media queries so the structure of the sheet is visible again.