Prettify CSS

About this CSS prettifier

  • This prettifier is powered by @projectwallace/format-css. These are the formatting rules:

    1. Every AtRule starts on a new line
    2. Every Rule starts on a new line
    3. Every Selector starts on a new line
    4. A comma is placed after every Selector that’s not the last in the SelectorList
    5. Every Block is indented with 1 tab more than the previous indentation level
    6. Every Declaration starts on a new line
    7. Every Declaration ends with a semicolon (;)
    8. An empty line is placed after a Block, unless it’s the last in the surrounding Block
    9. Multiline tokens like Selectors, Values, etc. are rendered on a single line
    10. Unknown syntax is rendered as-is, with multi-line formatting kept intact
  • Formatting happens only on your computer, no code is sent to our servers.
Looking for a CSS minifier?