CSS Formatter
// Beautify and format CSS code
#About CSS Formatter
Free online CSS formatter and beautifier. Format compressed or messy CSS with proper indentation and structure. This tool runs entirely in your browser — your data is never sent to a server. Just paste your input, get instant results, and copy with one click. No sign-up or installation required.
#FAQ
How do I beautify minified CSS? ▾
Paste your minified or compressed CSS into the input and the formatter will add proper line breaks, indentation, and spacing around selectors, properties, and values for easy readability.
What indentation style does the CSS formatter use? ▾
The formatter uses a standard 2-space indentation by default, placing each CSS property on its own line and adding a space after colons and before opening braces for consistent, readable output.
</> Embed this tool ▾
Copy this code to embed the tool on your website. Adjust the height to fit your layout.
<iframe src="https://www.browserutils.dev/embed/css-formatter" width="100%" height="500" frameborder="0" title="CSS Formatter"></iframe>