CSS Formatter
Expand minified CSS so each rule and declaration sits on its own line.
CSS Formatter
Minified stylesheets are a single unreadable line. This tool puts each rule and declaration on its own line with consistent indentation.
How to use CSS Formatter
- Paste your CSS into Enter your CSS Code Here.
- Click Format Code.
- Copy the formatted stylesheet.
When it comes in handy
- Reading and editing a minified stylesheet from a live site.
- Standardising style before a code review.
- Learning how a theme organises its rules.
Frequently asked questions
Will it change my selectors or values?
No. It only changes layout: whitespace and line breaks.
How do I shrink it again?
Use the CSS Minifier when you are ready to publish.
Related guides
-
How to Fix Invalid JSON: The 8 Most Common Errors
Trailing commas, single quotes, unquoted keys and the other mistakes that break JSON, with before-and-after examples and a quick way to find the problem.
-
Unix Timestamps Explained: Epoch Time for Humans
What a Unix timestamp is, why it counts from 1970, seconds vs milliseconds, time zones, the year 2038 problem, and how to convert timestamps quickly.
-
JSON vs XML vs CSV: Choosing the Right Data Format for Your Project
JSON, XML and CSV each solve a different problem. Here is how to pick the right one, plus tools to convert and validate between them.
