Does this validate CSS?

No. It reformats text. Invalid or incomplete rules may still print with odd wrapping. Fix syntax in your editor if the output looks wrong.

Can I format CSS inside a style tag?

Paste the CSS text itself. For a full HTML document, use the HTML Formatter instead.

Is my stylesheet uploaded?

No. Formatting runs entirely in your browser.

Will @media and nested rules keep their structure?

Yes. js-beautify preserves rule blocks and indents nested selectors and @media queries. Extremely custom preprocessors output may still need manual cleanup.

Can I format minified CSS from a build step?

Yes. Paste one-line CSS from a bundle or CDN link snapshot. Format expands declarations so you can inspect overrides and specificity issues.

CSS Formatter

Pretty-print stylesheets so selectors and declarations are easy to scan. Formatting uses js-beautify in CSS mode and stays on your device.

Indent

CSS input

Result

Formatted output

Paste code, then Format. Processing stays in your browser.

How to format CSS

Paste CSS (stylesheet text, not a full HTML document).
Pick an indent size.
Click Format.
Copy the readable CSS, or use CSS Minifier for a smaller file.

FAQ

: No. It reformats text. Invalid or incomplete rules may still print with odd wrapping. Fix syntax in your editor if the output looks wrong.
: Paste the CSS text itself. For a full HTML document, use the HTML Formatter instead.
: No. Formatting runs entirely in your browser.
: Yes. js-beautify preserves rule blocks and indents nested selectors and @media queries. Extremely custom preprocessors output may still need manual cleanup.
: Yes. Paste one-line CSS from a bundle or CDN link snapshot. Format expands declarations so you can inspect overrides and specificity issues.

Result

How to format CSS

FAQ

Related tools