CSS Formatter
Beautify minified or messy CSS with clean indentation.
What is the CSS Formatter?
This tool reformats CSS — minified, compressed, or just inconsistently written — into a clean, readable stylesheet with one property per line and consistent indentation for each rule block.
How to use it
- Paste your CSS into the input box.
- Choose an indent size and click Format CSS.
- Copy the formatted stylesheet.
Minified CSS is great for production (smaller file size, faster page loads) but nearly impossible to read or edit by hand, since an entire stylesheet can be squeezed onto a single line. This formatter expands it back out, making it much easier to review a stylesheet you didn't write, debug a specific rule, or understand a snippet before pasting it into your own project. It's powered by the same js-beautify engine used by the HTML and JavaScript formatters on this site, so nesting and formatting stay consistent across all three.