CSS Formatter
Beautify or minify CSS code with proper indentation
How to Use CSS Formatter
Format minified CSS into readable code with proper indentation, or minify CSS to reduce file size. Handles media queries, selectors, and all standard CSS syntax.
- 1
Paste your CSS
Paste raw or minified CSS code into the input area.
- 2
Choose Beautify or Minify
Beautify adds proper indentation and line breaks. Minify compresses CSS and removes trailing semicolons.
- 3
Adjust indent size
In Beautify mode, choose between 2 or 4 spaces for indentation.
- 4
Copy the result
Click Copy to grab the formatted or minified CSS output.
Frequently Asked Questions
What does CSS beautify do?
CSS beautify reformats compressed CSS with proper indentation, one property per line, and spacing between rule blocks.
What does CSS minify do?
CSS minify removes comments, whitespace, line breaks, and trailing semicolons to reduce file size.
Does it handle media queries?
Yes, nested @media rules and other at-rules are properly indented and formatted.
Is this tool free?
Yes, completely free with no signup required. All processing happens in your browser.