Skip to content
Convertto

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?

No. Whitespace between declarations is insignificant, so formatting is purely for the person reading it. Minifying reduces file size, which affects load time but never the rendered result.

Why does my minified CSS break?

Almost always a missing semicolon before the closing brace. It is legal in formatted CSS because the newline separates declarations visually, but once the newlines are removed the parser reads two declarations as one.

How to use the css, scss & less formatter

  1. 1Enter or paste your stylesheet.
  2. 2Choose the syntax.
  3. 3Set the line width.
  4. 4Set the indent size.
  5. 5Turn "Indent with tabs" on or off as needed.
  6. 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

Last updated

More data & format tools