CSS Beautifier Online

Paste minified or badly indented CSS and get it back with one declaration per line, consistent indentation and the braces where you expect them.

Output
How to use
  1. Paste minified or messy CSS.
  2. The formatted output appears alongside it.
  3. Copy the beautified stylesheet.
Frequently asked questions
What does beautifying change?
Whitespace only: one declaration per line, consistent indentation, and a space after each colon. Selectors, properties and values are untouched.
Will it break my stylesheet?
No. CSS ignores whitespace outside of values, so the formatted output is functionally identical to what you pasted.
Does it keep my comments?
Yes. Comments are preserved and re-indented with the rules they sit next to, so the file stays readable rather than losing its notes.
Can it minify as well?
That is the other direction. Beautify while you are reading or editing, then minify as a build step before the stylesheet ships.
 Last updated 
Powered by maratool