CSS Formatter

Expand minified CSS back into readable rules with one declaration per line and proper indentation.

CSS file (optional - or paste below)

CSS input

Indent

Between rules

Formatted CSS

How it works

At-rules such as @media and @supports are nested and indented, so the block structure is obvious.
Strings, url() values and comments are preserved exactly as written.
Handy for turning a minified vendor stylesheet back into something you can edit.