Have to deal with CSS formatting? Then this site is made for you! Use the super simple online form below to uglify (minify) or prettify (prettyprint) your data. If you're interested about the inner workings of the process, just read the detailed description at the bottom of the page. Welcome!

Prettify (prettyprint) CSS

Simply use the form below

Use double space as indent instead of a tab.
Insert a semicolon after the last ruleset.
Place the open curly brace in a new line.
UPLOAD FILE
Prettifies an entire file (max. 10MB).
Details of the process
Uglify (or minify), in computer science is the process of removing all unnecessary characters from source code without changing its functionality.

These unnecessary characters usually include white space characters, new line characters, comments, and sometimes block delimiters, which are used to add readability to the code but are not required for it to execute.

Minified source code is especially useful for interpreted languages deployed and transmitted on the Internet (such as CSS), because it reduces the amount of data that needs to be transferred. Minification can be distinguished from the more general concept of data compression in that the minified source can be interpreted immediately without the need for an uncompression step: the same interpreter can work with both the original as well as with the minified source.

A minified code instance may be reversed using a prettify (or prettyprint) application, which applies various stylistic formatting conventions to text files, such as source code, markup, and similar kinds of content.

These formatting conventions usually adjust positioning, spacing (indent style), and similar modifications intended to make the content easier for people to view, read, and understand. Prettifiers for programming language source code are sometimes called code beautifiers.

At Wikipedia you can read more about the minify and prettyprint processes.