CSS Formatter
Beautify minified CSS into readable rules.
Free
Runs in your browser
About this tool
CSS Formatter expands compressed stylesheets so each selector and property sits on its own line. It handles media queries and nested at-rules.
How to use CSS Formatter
- Paste your CSS.
- Choose an indent size.
- Press “Beautify”, then copy or download.
Questions people ask
Does it support SCSS or Less?
Simple SCSS and Less usually format well because the syntax is close to CSS. Complex mixins may not indent perfectly.
Are comments kept?
Yes. Beautifying keeps comments. Use the CSS Minifier if you want them removed.
Will it reorder my properties?
No. The order of rules and properties stays the same, because order matters in CSS.
More developer tools
See all 24 →
JavaScript FormatterBeautify minified JavaScript with clean indents.
HTML MinifierShrink HTML by removing comments and whitespace.
CSS MinifierCompress CSS by stripping comments and spaces.
JavaScript MinifierRemove comments and whitespace from JavaScript.
Cron Expression ExplainerExplain cron schedules in plain English with next runs.
JSON to YAMLConvert JSON to clean YAML instantly.