CSS Formatter
Beautify CSS with one declaration per line, consistent indentation and readable selector lists.
Runs in your browser. Your input is processed on your device and is not uploaded to our server.
How to use the CSS Formatter
- Paste your code or open a file.
- Choose the indentation and click Format.
- Check the result and the size change, then copy or download it.
Each rule is placed on its own lines, declarations get a space after the colon and selector lists are split one per line. Comments, strings and nested at-rules such as @media and @supports are kept.
Frequently asked questions
Does it reorder properties?
No. Property order can matter, so it is left unchanged.