CSS Formatter

Beautify CSS in your browser.

Uses js-beautify (MIT) locally for readable stylesheets.

CSS input

Formatted CSS

What is a CSS formatter?

It re-indents CSS rules for readability.

How to format CSS

1
Paste CSS
Enter stylesheets or snippets.
2
Format
Rules are indented for readable review.
3
Copy
Copy the formatted CSS.

CSS Formatter FAQ

Minify?

This tool focuses on readable output, not production minification.

SCSS/Less?

Plain CSS works best. Preprocessor syntax may not format correctly.

Uploaded?

No.

Related tools?

HTML Formatter; JavaScript Formatter.