CSS Formatter
Expand compressed CSS into readable rules.
Input
This tool runs entirely in your browser. The data you paste or load is never uploaded.
Result
Enter your input, then run the tool.
About this tool
Puts every selector and declaration on its own line and indents nested at-rules, without changing any value. Useful for auditing a minified stylesheet or reviewing a rule before pasting it into a project.
How to use it
- Paste a stylesheet, minified or not.
- Pick the indentation width.
- Format and copy or download the readable CSS.
Frequently asked questions
Are shorthand values left alone?
Yes. The formatter only adds whitespace around braces, semicolons and selectors; values are not rewritten.
Does it handle @media and @supports?
Nested at-rule blocks are indented one level deeper and their braces stay balanced.
Keep going
Related tools
CSS Minifier
Shrink stylesheets by removing comments and whitespace.
HTML Formatter
Indent nested HTML and make long templates readable.
JavaScript Minifier
Strip comments and blank lines from JavaScript safely.
JSON Formatter
Pretty-print compact or broken JSON with a readable indentation.
JSON Validator
Check JSON syntax and see exactly where it breaks.
JSON Minifier
Strip whitespace from JSON to shrink payloads.