Developer Tools
CSS Formatter
Beautify and indent minified or messy CSS.
Free browser toolRuns in your browserNo sign-up
Stylesheet formatting studio
Expand compressed CSS into readable rules and declarations
Format selectors, declarations, at-rules and nested blocks for review without applying the stylesheet or checking browser support.
Waiting
status
0 B
input size
—
output size
CSS source
0 charactersFormatted CSS
No output yetSource input is preserved until you explicitly replace it.
Private by design. Input is processed inside this browser tab and is not sent to ToolsOnDuty.
About the CSS Formatter
Minified CSS saves bytes but is hard to edit. Formatting it restores readable rules, selectors and properties.
Paste your CSS and this tool re-indents each rule and property onto its own line.
Formatting runs entirely in your browser, so your styles are never uploaded.
Key features
- Beautify and indent CSS
- One property per line
- At-rule and nested-block formatting
- Copy and explicit .css download
- Runs in your browser
How to use
- 1Paste or load CSS, or use the responsive-rule sample.
- 2Run Format CSS.
- 3Review the formatted rules without assuming browser compatibility validation.
- 4Copy or download the .css result.
Examples
Expand compact CSS
Input:
body{margin:0;color:#222}Output:
A formatted body rule with declarations on separate linesFormatting improves readability without changing the intended declarations.
Frequently asked questions
- Does it validate the CSS?
- It focuses on formatting rather than validation, so it will still tidy CSS even if a property is unusual.
- Can it format minified CSS?
- Yes. Paste minified CSS and it expands each rule and property onto its own line with consistent indentation.
- Is my CSS uploaded anywhere?
- No. Formatting runs entirely in your browser, so your styles never leave your device.
Continue your workflow
Open a related tool to prepare your files or refine the finished result.