This tool uses JS Beautify to format CSS with consistent indentation and spacing. Prettified CSS is easier to read, review and maintain. The minify option produces compact CSS for production use. All processing happens in your browser.
Minified CSS from a build tool or CDN is deliberately compressed into a single line, making it unreadable for debugging or inspection. CSS Prettifier reformats it with consistent indentation, one property per line, and a selector-per-line style that matches most CSS linting conventions — making hand-editing, code review, and learning from existing stylesheets practical.
Prettified CSS uses 3–5× more bytes than minified CSS but is essential for human work. Modern development workflows handle this automatically: you write in prettified source, version control stores the source, and the build pipeline minifies for production. This tool handles the reverse direction — taking production CSS (for inspection or modification when source is unavailable) and making it human-readable again.
Yes. Paste any minified CSS from a production site's stylesheet and prettify it to read the rules. Be aware that this is typically a violation of the site's terms of service if you use the code commercially.
No — formatting adds whitespace, which the CSS parser ignores. The specificity, cascade order, and applied styles remain identical. The parsed result is byte-for-byte equivalent.
There is no single universal standard, but the most common convention is 2 spaces, a single space between selector and opening brace, each property on its own line, and the closing brace on its own line at the same indent level as the selector.
Yes — media queries, @keyframes, @supports, and other at-rules are indented correctly, with their nested rules indented one additional level.
See also the CSS Minifier, HTML Formatter, and JSON Formatter.