DEVELOPER TOOLS / DEVTOOLS
CSS Formatter
Make CSS rules and declarations easier to read.
0 characters
0 characters
Processing happens locally in this browser.
ABOUT THIS TOOL
What CSS Formatter does
Lay out CSS selectors and declarations on separate, indented lines. This tool formats source text without applying user CSS to the page.
Useful when reviewing compressed stylesheets or cleaning up copied rules.
How to use CSS Formatter
- Paste a CSS stylesheet or rule.
- Choose the indentation style.
- Select Format CSS to produce readable declarations.
ANSWERS AND DETAILS
Frequently asked questions
What does this tool do?
Lay out CSS selectors and declarations on separate, indented lines. This tool formats source text without applying user CSS to the page.
When is this tool useful?
Useful when reviewing compressed stylesheets or cleaning up copied rules.
Is my input uploaded?
No. This tool runs in your browser and does not send the value you enter to a processing server.