Format CSS into clean rules, one declaration per line.
Loading the tool...
How to use CSS Formatter
Paste your CSS.
Choose the indent.
Copy the formatted stylesheet.
About CSS Formatter
Stylesheets from live sites are almost always minified. Paste one here and every rule gets its own block with one declaration per line, which makes it far easier to find the rule that is overriding yours.
Media queries and nested at-rules keep their structure and get their own indentation.
Frequently asked questions
Does it work for SCSS and Less?
For those, use the dedicated SCSS Formatter or Less Formatter, which understand variables and nesting.
Does it reorder my properties?
No. Declarations stay in the order you wrote them.
Can I unminify a file I downloaded from a site?
Yes. Open the stylesheet URL in your browser, copy the text and paste it here.