What is this tool?
CSS (Cascading Style Sheets) specifies the styling and layout of web pages. As stylesheets grow, they can become cluttered and unreadable. A CSS Formatter reorganizes rules, properties, and values, aligning brackets and indentation to make design sheets easy to inspect and edit.
How to use it
1. Paste your raw, minified, or messy CSS rules into the Input text area.
2. Choose spacing indentation (2 spaces, 4 spaces, or tabs).
3. Click "Beautify" to format, or "Minify" to compress the stylesheet.
4. Click "Copy" to save the formatted result.
Pro tips
- Minified CSS reduces payload sizes, improving web page load times.
- Comments (/* comment */) are preserved when formatting but stripped during minification.