Beautify your CSS code

Enter your messy, minified or compresed CSS Style Sheets into the field below to have it cleaned up and made pretty. The editor also contains helpful line numbers and syntax highlighting.

How to format or beautify compressed CSS?

  • Just copy your minified CSS code and paste in the field above.
  • After pasting the compressed code, just hit the button below and get formatted CSS instantly, which is pretty and easy to read.
  • You can optionally adjust the indentation if you wish.
  • The syntax highlighter and auto completion are also enabled to write code more easily.

Why would you use this CSS Beautifier?

Often when writing CSS Style Sheets your indentation, spacing, and other formatting can become a bit disorganized. It is also common for multiple developers to work on a single project who have different formatting techniques. This tool is helpful for making the formatting of a file consistent. It is also common for CSS Style Sheets to be minified or obfuscated. You can use this tool to make that code look pretty and readable so it is easier to edit.

Learn More about CSS

Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. These pages contain information on how to learn and use CSS and on available software. They also contain news from the CSS working group.