About this tool
A CSS beautifier reformats stylesheets with consistent indentation, one declaration per line and tidy spacing around braces and colons — turning minified or messy CSS into something readable and diff-friendly.
Paste CSS, choose your indent size or tabs, and the formatted output updates live. Copy it with one click, or switch to the CSS minifier to compress it again. It all runs in your browser.
Formatting happens locally — your styles never leave your browser.
Frequently asked questions
Does beautifying change my styles?
No — it only reformats whitespace and structure. The selectors, properties and values are unchanged, so the rendered result is identical.
Will it sort or merge my rules?
No. It reformats layout only; it won't reorder selectors or combine duplicate rules, so your cascade is preserved exactly.
How do I minify CSS instead?
Use the CSS minifier (linked below) to strip whitespace and shrink the file.