How to use CSS Formatter

The short answer

To format CSS, paste minified or messy CSS and click Format: each rule and declaration is placed on its own line with consistent indentation, keeping comments and media queries readable.

It runs in your browser. What you enter is not uploaded.

How to use it

Type or paste your input into the CSS Formatter.

Choose any options you need.

See the result update instantly.

Copy the result or download it.

Limits worth knowing

Does it sort properties? No. Property order is kept, because changing it can change which rule wins.

Does it support SCSS? Basic SCSS nesting is indented correctly, but SCSS-specific syntax is not validated.