CSS Formatter
Formatted output
How to Use
Paste CSS into the input area and indentation, line breaks, and spacing are normalized automatically. Pick 2- or 4-space indent. Use the copy button to grab the formatted output.
What Formatting Does
Bundler-minified CSS and quickly-pasted snippets aren't readable as-is. The tool indents according to `{ ... }` nesting depth, breaks lines after `;`, and adds spaces after `:` and `,`. Property values are not rewritten — there's no hex-to-rgb conversion or shorthand expansion.
Use Cases
- Decoding bundler-output minified CSS to understand it
- Expanding long inline styles to read their contents
- Normalizing third-party CSS before reviewing it
- Spot-checking the structure of your own CSS while writing
- Tidying up CSS snippets before pasting them into a blog post or chat
Privacy
All formatting is done locally in the browser; the CSS content never leaves your device. Even internal stylesheets stay private — there is no transmission to any server.