CSS Formatter

Beautify minified or compressed CSS into readable, indented rules with one declaration per line.

Input
Output
Ad · in-content

About the CSS Formatter

Minified CSS is impossible to edit by hand. This formatter expands each rule onto its own lines, indents declarations and makes your stylesheet maintainable again.

Formatting is local and instant.

How to use the CSS Formatter

  1. 1Paste CSS into the editor.
  2. 2Click “Format CSS”.
  3. 3Copy the formatted stylesheet.

Key benefits

  • One declaration per line.
  • Consistent indentation.
  • Private and instant.

Real-world examples

Edit minified CSS

Expand a production stylesheet to edit it.

Frequently asked questions

Does it reformat values?+

It focuses on structure and indentation, leaving values untouched.

Related tools

Ad · sticky-mobile