CSS, SCSS & Less Formatter
Format stylesheets with consistent indentation, spacing and property ordering.
To format CSS, paste your stylesheet and it is reprinted with one declaration per line, consistent spacing and correctly indented nested rules. SCSS and Less are supported too, including nesting, mixins and variables.
Runs in your browser- Privacy
- Runs entirely in your browser — nothing is uploaded
- Cost
- Free, unlimited, no sign-up
Frequently asked questions
Does formatting affect how CSS renders?
Why does my minified CSS break?
How to use the css, scss & less formatter
- 1Enter or paste your stylesheet.
- 2Choose the syntax.
- 3Set the line width.
- 4Set the indent size.
- 5Turn "Indent with tabs" on or off as needed.
- 6The result appears immediately — copy or download it.
Embed this tool
Put the working css, scss & less formatter on your own site. It runs in your visitors' browsers exactly as it does here — free, no account, nothing uploaded.
Share this tool
Related tools
HTML FormatterFormat and indent HTML properly, preserving inline elements and whitespace sensitivity.HTML, CSS & JS MinifierStrip whitespace and comments to shrink HTML, CSS and JavaScript for production.JavaScript & TypeScript FormatterFormat JavaScript, TypeScript, JSX and TSX properly with Prettier.Markdown FormatterTidy Markdown — normalise headings, lists, tables and emphasis markers.Data URI GeneratorTurn text, SVG or CSS into a data: URI you can inline directly in HTML or stylesheets.YAML Formatter & ValidatorFormat and validate YAML — catch the indentation mistakes that break CI pipelines.
Last updated
More data & format tools