jsonecho

CSS Pretty Print

Pretty print CSS so each rule and property is easy to read.

Loading the tool...

How to use CSS Pretty Print

  1. Paste the CSS.
  2. Copy the pretty printed result.

About CSS Pretty Print

A one-line stylesheet is hard to debug. This tool puts every selector, brace and declaration on its own line with the indentation you choose.

It is the same engine as the CSS Formatter. Both names exist because people look for both.

Frequently asked questions

Is this the same as the CSS Beautifier?

Yes, the formatting engine is identical.

Does it add vendor prefixes?

No, it never adds or removes anything, it only changes whitespace.

Does it handle @media and @font-face?

Yes, at-rules are formatted with the rest.

More in Code Formatters

All tools →