CSS Formatter

CSS Formatter expands a stylesheet into a consistent shape: one selector per line, one declaration per line, a space after each colon, and a semicolon on every declaration including the last. Minified CSS becomes readable again, and inconsistently written CSS becomes uniform.

Nested structures are handled properly. Media queries, supports blocks, keyframes and layers all indent their contents one level further, which is what makes a long responsive stylesheet navigable. Comments are preserved in place rather than being stripped, because a comment that moves is worse than no comment.

The formatter changes whitespace and nothing else. Property order, selector specificity and values are left exactly as written, so the formatted file behaves identically to the original and a diff shows only what you expect.

• One selector and one declaration per line
• Indents media queries, supports, keyframes and layers
• Preserves comments in place
• Adds the final semicolon consistently
• Normalises spacing around colons, commas and braces
• Leaves property order and values untouched
• Reports unbalanced braces
• Copy or download the result

The css formatter is used by writers, developers, students, marketers and anyone else who needs the job done once without installing software. Common cases include:

• Reading a minified stylesheet
• Normalising CSS written by several people
• Making a stylesheet diff readable
• Finding an unbalanced brace
• Preparing CSS for a code review