CSS Formatter and Beautifier
Read and edit CSS that came minified or crammed onto a few lines. Each rule and property gets its own line, nested rules like media queries are indented, and spacing is made consistent.
How to format CSS
- 1Paste your CSS or open a .css file.
- 2Choose the indent and spacing options.
- 3Copy the formatted CSS or download it.
Readable rules
Every property goes on its own line, and selectors separated by commas can go one per line, which makes long selector lists easy to scan.
Media queries and more
@media, @supports and @keyframes blocks are indented with their rules inside. Most SCSS and Less files format well too.
Comments kept
Comments stay where they were, so license notes and explanations aren't lost.
Frequently asked questions
- Is my code uploaded?
- No. Everything runs in your browser, so your code never leaves your device.
- Does it change my styles?
- No. Only spacing and line breaks change; selectors, properties and values stay the same.
- How do I make CSS smaller instead?
- Use CSS Minifier, which removes spacing and comments and merges duplicate rules.