CSS Formatter
Beautify CSS with one property per line and consistent indentation.
Input
Result
How to use
How to format CSS
Paste CSS and press Format. Each declaration is placed on its own line.
- Paste CSS into the input editor.
- Press Format.
- Copy the beautified stylesheet.
Frequently asked questions
Are comments kept?
Yes, CSS comments are preserved in the formatted output.
Does it support media queries?
Yes, nested at-rules such as media queries are indented correctly.
Related tools
CSS Minifier
Compress CSS by removing comments and unnecessary whitespace.
HTML Formatter
Beautify HTML with consistent indentation while keeping inline and void elements correct.
JavaScript Formatter
Beautify JavaScript with proper indentation, spacing and line breaks.
HTML Minifier
Reduce HTML size by collapsing whitespace and removing unnecessary characters.
HTML Escape & Unescape
Escape text for safe HTML output or decode HTML entities back to readable characters.
JavaScript Minifier
Reduce JavaScript size by removing comments and unnecessary whitespace.