CSS Formatter
runs in your browserno sign-upfree
Beautify messy or minified CSS into clean, consistently indented code.
Formatting…
Input245 chars
Output
About this tool
This CSS formatter turns minified or messy stylesheets into clean, readable CSS: one declaration per line, consistent indentation and spacing, and neatly formatted media queries. Paste CSS, choose your indent and copy the result.
How to use
- Paste your CSS into the Input box. It is formatted as you type.
- Choose 2 spaces, 4 spaces or tabs, and a maximum line width.
- Copy the formatted CSS or download it as a .css file.
FAQ
Which formatter is used?
Prettier, the most widely used code formatter for web projects. It runs entirely in your browser, so your code is never uploaded.
Does it support SCSS or Less?
This page formats standard CSS. Most SCSS-style nesting is accepted too, but SCSS-only syntax may report an error.
What happens if my code has a syntax error?
The status line shows the problem with its line and column, and the error is marked in the editor. Fix it and the formatted result appears straight away.