CSS Beautifier
Format minified or messy CSS into clean, readable, indented code.
Advertisement
About this tool
Adds line breaks and indentation for each rule and declaration — a straightforward formatter for quickly making minified CSS readable again.
Each selector in a list goes on its own line, every declaration gets its own line with a space after the colon, and rules inside @media, @supports, @layer and CSS nesting are indented a level. Comments, strings and url() values are kept exactly as written, so a semicolon inside a data URI or a quoted value won’t split the line. A missing final semicolon is added. Choose two spaces, four spaces or tabs to match your project.