tools/format/css formatter
// formatnew

css formatter

expand, minify, clean up rules

drag & drop · up to 5 MB (Pro: 100 MB)
— paste css to start // client-only 
// output appears here

// related tools

json formatterprettify, minify, validate, tree viewsql formatterreformat any sql dialect cleanlyhtml formatterindent, minify, validate

// about this tool

A CSS formatter takes minified or poorly formatted stylesheets and rewrites each rule with one property per line and consistent indentation. It handles nested @media and @keyframes blocks, preserves comments, and supports minification to strip all unnecessary whitespace.

// when to use

  • Expand minified CSS from a CDN to understand what a class does
  • Clean up CSS generated by a preprocessor or build tool
  • Minify a stylesheet to reduce file size before deployment
  • Review a third-party stylesheet before integrating it into a project

// faq

Does the formatter sort CSS properties?
No — property order is preserved as-is. Sorting properties alphabetically or by category is a style preference that can cause unexpected cascade behavior if done without understanding the existing order.
Will it format CSS-in-JS or Sass/SCSS?
The formatter handles standard CSS syntax. CSS-in-JS template literals and Sass/SCSS features like nesting, variables ($var), and mixins (@include) are not supported and may produce unexpected output.
// history
Pro Cloud Sync — upgrade
no operations yet