CSS formatter
Tidy the indentation and line breaks in your CSS.
- 1Add input
- 2Adjust settings
- 3Get your result
Tool input and files are processed in this browser without being uploaded.
Before you start
Format CSS with a real parser and configurable indentation. The stylesheet is never applied to the main application, and URLs in the CSS are not fetched.
How to use this tool
- Paste content into “CSS” or choose a local file.
- Choose the indentation before selecting “Format CSS”.
- Review the CSS text result, then use the available copy or download controls.
Supported inputs and limits
Pasted text is limited to 1 MiB; review the result before using it.
Worked example
Example input
a{color:red;margin:0}Example options
{}Example output
a {
color: red;
margin: 0;
}
When something does not work
Correct the reported syntax or range and run again. Formatting is not execution: scripts, SQL, expressions and pasted markup do not run against your system or a remote service.
Frequently asked questions
Are my files uploaded?
No. Files and tool input are processed in your browser. Moving around the site can keep a temporary workspace in the same tab. Refreshing or closing the tab clears it, so download results you want to keep.
What should I check in this result?
Format CSS with a real parser and configurable indentation. The stylesheet is never applied to the main application, and URLs in the CSS are not fetched.
Documentation & further reading
Related tools
JSON formatting workspace
Format or minify strict JSON, sort object keys, and encode or decode strings while preserving raw number tokens.
Regex tester
Try a pattern and see what it matches in your text.
Compare text
See what changed, side by side.
HTML formatter
Format HTML indentation so its structure is easier to read.