CSS Formatter
Reformat CSS rules with consistent indentation and one property per line for easy reading.
How it works
- 1
Paste your CSS into the input — the formatted version appears as you type.
- 2
Choose how many spaces to use per indent level.
- 3
Copy or download the result. Everything stays in your browser.
Questions
What does formatting do to my CSS?
Each property moves onto its own line with consistent indentation, making rules easier to scan and diff.
Does it change property values or selectors?
No — only whitespace is modified. Your selectors, values, and rule order are preserved.
Is my stylesheet sent anywhere?
No. Formatting runs entirely inside your browser and nothing leaves your device.
More developer tools
JSON Formatter
Paste compact or messy JSON and get it back neatly indented with your chosen spacing.
JSON Minifier
Remove all whitespace and line breaks from a JSON document to shrink it as small as possible.
JSON Validator
Check whether a JSON string is well-formed, and see the exact line and column of any syntax error.
JSON Beautifier
Reformat JSON with sorted keys and readable indentation for easier reading and diffing.
JSON Tree Viewer
Explore a JSON document as an interactive collapsible tree — expand and collapse any node.
XML Formatter
Pretty-print XML with configurable indentation, preserving attributes, comments, and tag order.
XML Validator
Check XML for well-formedness and report every error with its line and column number.
YAML Formatter
Normalize and re-indent YAML, or convert it to JSON, with a configurable indent width.