CSS Formatter
Paste compressed CSS to expand each declaration onto its own line with consistent indentation.
Lines
14
Rules
4
Formatted CSS
.card {
background:#fff;
padding:16px;
border-radius:12px
}
.card h2 {
font-size:20px;
margin:0 0 8px
}
@media (max-width:600px) {
.card {
padding:12px
}
}Comments are preserved. Complex nested syntax such as SCSS is treated as plain CSS.
Formula
Each declaration is placed on its own line inside its rule block.
Frequently asked questions
It treats input as standard CSS. Nesting may not indent as you expect.
Related tools
Keep going — these tools solve the problems that usually come next.