CSS Pretty Print
Pretty print CSS with two, three or four spaces, or tabs. Normalised selectors and one declaration per line.
Input
Output
Ready
Drop a file to load it
About this tool
Indent CSS consistently, with two, three or four spaces or tabs.
When you would use it
- Matching a project’s indentation
- Preparing a stylesheet for review
Worked example
.a{color:red}
.a {
color: red;
}
Things worth knowing
- Identical to the CSS beautifier, with indentation as the primary control.
Questions
Frequently asked
Two spaces or four?
Two is the more common convention for CSS. Match whatever the repository already uses.
Is my data uploaded anywhere?
No. Every tool on JSONWorks runs entirely in your browser using JavaScript. Your input is never sent to a server, never logged and never stored. The simplest proof is to disconnect from the internet — the tools keep working. The site does load Google Fonts and a Google Analytics page-view tag, so you will see those two requests in your network tab, but neither receives anything you type or paste.
Related