CSS Formatter

Line up CSS rules so styles are easy to scan.

Input
Output

                        

About CSS Formatter

CSS controls how a page looks. This tool adds line breaks and indentation to minified stylesheets so you can read selectors and properties.

Common Use Cases:

  • Reading CSS from a CDN or bundle
  • Organizing your own stylesheet
  • Shrinking CSS for a live site

Developers: see the CI/CD & pipeline guide. More tutorials: guides hub · by Nalla.

Frequently Asked Questions

Use minified CSS on your live site for speed. Keep a formatted copy for editing.

No. It runs in your browser.

Yes. Paste minified CSS and click Format CSS.