Paste your CSS
Indent:
Formatted CSS
Formatted CSS appears here…
What This Tool Does
Parses CSS and reformats it with consistent indentation, one property per line, and proper spacing around braces. Works with standard CSS, media queries, and most preprocessor syntax.
Frequently Asked Questions
Does formatting change how the CSS works?
No. CSS formatting only adds or removes whitespace — it has no effect on how the styles are applied. Browsers parse formatted and minified CSS identically.
Can I format SCSS or Less?
The formatter handles standard CSS syntax. Most SCSS and Less syntax (nested rules, variables, mixins) is also formatted correctly since it shares the same brace and property structure, though some advanced features may not format perfectly.
Is my code sent to a server?
No. Formatting runs entirely in your browser. Nothing is transmitted.