CSS Formatter
Turn minified or messy CSS into readable, consistently formatted stylesheets with one rule per line.
This tool runs entirely in your browser.
Loading tool…
How to use the CSS Formatter
- 1Paste CSS.
- 2Choose indentation.
- 3Click “Format CSS” and copy the result.
What is the CSS Formatter?
Formatting puts each declaration on its own line, normalises spacing and indents media queries and nested rules.
Frequently asked questions
Can it minify CSS too?
This tool beautifies. Minification is best done by your build tool, which can also remove unused rules.
Is the CSS Formatter free and private?
Yes. The CSS Formatter is free, needs no account, and runs entirely in your browser. What you type is never sent to a server or stored.
Related tools
All developer tools →- HTML FormatterBeautify HTML code.
- JavaScript FormatterBeautify JavaScript code.
- CSS Gradient GeneratorCreate linear and radial CSS gradients.
- Color ConverterConvert any color between HEX, RGB, HSL, HSV and CMYK.
- JSON FormatterFormat and beautify JSON online.
- JSON ValidatorCheck if JSON is valid and find syntax errors.