ToolsDoc

CSS Formatter

Pretty-print minified CSS with one property per line.

Worth Knowing

Expanding CSS to one property per line is what makes a stylesheet reviewable — you can scan the properties, spot duplicates, and read diffs cleanly, none of which is possible with minified CSS shipped as a single line. The ordering and grouping of properties is a matter of team convention rather than function, since CSS ignores whitespace entirely. Formatting is the inverse of minification: you format during development for humans, then minify for production to cut download size.

How to Use

  1. Paste or type your css into the CSS Formatter above.
  2. The output updates instantly and is ready to copy.

Frequently Asked Questions