CSS Formatter

Indent size
1 line · 0 B

CSS Formatter

Format CSS rules with readable indentation and structure.

Output

1 line · 0 B

Formatted CSS will appear here.

UTF-8 · CSS

About this CSS Formatter

Format CSS rules with readable indentation and structure.

Your CSS is processed locally in the browser. Nothing is uploaded or stored.

FAQ

Does this also minify CSS?

No — this page only beautifies (expands to readable indentation). For compressed, single-line output use the CSS Minifier.

Does formatting change how my styles render?

No — it only changes whitespace and line breaks, never selectors or values.

Does it support nested selectors and @media/@supports/@layer?

Yes — native CSS nesting (the & selector) and standard at-rules like @media, @supports, and @layer all format correctly.

Can I reverse a minified stylesheet back to readable CSS?

Yes — paste the minified CSS in and format it; that's the same operation in reverse.

Does it support SCSS or SASS syntax?

Not reliably. This uses a standard CSS parser, so simple SCSS often passes through, but Sass-only syntax — nesting without &, // comments, @mixin/@include — can come out with broken indentation. Compile Sass to CSS first for dependable results.

Is my CSS uploaded anywhere?

No — 100% client-side.

Related tools