CSS Formatter

Beautify and indent CSS rules for editing and review.

CSS Formatter expands compacted style rules into indented blocks so selectors and declarations are easier to review.

Input

Output

When to use CSS Formatter

Cleaning pasted CSS from DevTools
Preparing styles for a pull request
Separating selectors visually before edits

Example

body{margin:0;color:#111}.card{padding:1rem}

Benefits

Free to use—no account required
Runs in your browser
Instant results with no software install
Basic processing does not upload your content to a server
Formatting is not vendor-prefixing or autoprefixing—only readability cleanup.

Not the same as

For aggressive compression, use CSS Minifier. For gradients, use CSS Gradient Generator.

Related tools