CSS Beautifier / Minifier

Paste CSS and it is formatted as you go — pick Beautify or Minify below.

How it works

Beautify puts one declaration per line with the opening brace on the selector line. Minify strips comments and whitespace down to a single compact line. Both are string-aware and comment-aware — a semicolon or brace inside a quoted value like content: "a;b"; is never mistaken for CSS structure.

This is a straightforward, string- and comment-aware text formatter for standard CSS rule blocks and declarations — not a full CSS AST parser, so unusual or highly nested constructs may not format perfectly.