CSS Formatter

Beautify and format compressed or minified CSS

cssformatbeautifyprettify

CSS Formatter

Formatting Rules

  • Each CSS rule block starts on a new line with the opening brace on the same line as the selector
  • Each property declaration is indented with 2 spaces
  • Closing braces appear on their own line
  • Comma-separated selectors are split onto separate lines
  • At-rules like @media and @keyframes are handled with nested indentation
  • Comments are stripped during formatting