All processing happens locally in your browser · No data uploaded
CSS Formatter & Beautifier
Format messy CSS into clean, readable code. Supports CSS, SCSS, and Less. Features include property sorting, vendor prefix handling, and minification.
277 chars
Input CSS
Output CSS
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}
.btn {
background: #0070f3;
color: #fff;
border: none;
border-radius: 100px;
padding: 8px 16px;
font-size: 14px;
cursor: pointer;
transition: opacity 0.2s;
}
.btn:hover {
opacity: 0.8;
}CSS Format Rules
One property per line 2-space indentation Space after colon Newline after each rule Sorted properties (optional)
Examples
Minified CSS
Result: .btn { background: #171717; color: #fff; border-radius: 100px; padding: 0 12px; }
Each property gets its own line with proper indentation.
Frequently Asked Questions
Does it support SCSS/Sass?
Yes. Nested selectors, variables, and mixins in SCSS syntax are handled correctly.