Format CSS Code

This CSS tool will help you format your code to the style you prefer. Just paste your CSS code in the textarea below and select the options for how you would like your CSS code to be formatted to.
This tool has been completely rewritten, if you experience any problems, please contact us with any errors that you have. The original version can still be found here.

Updated - We have added a few presets to help format your code, plus now you can remove all comments from your CSS code.

Paste your valid code into the box below and click 'Format Code'

Format Options

Presets

Preset Options:

Easy to Read One Line per Style Super Compressed

Style Selectors

After Selecter Insert:	New Line Space Nothing
After Open Brace '{' Insert:	New Line Space Nothing
Before Close Brace '}' Insert:	New Line Space Nothing New Line + Indent
After Close Brace '}' Insert:	New Line Space Nothing New Line + New Line

Style Properties

Before Property Name Insert:	Indent (4 Spaces) Space Nothing
Before Colon Insert:	Nothing Space
After Colon Insert:	Nothing Space
After Semi-Colon Insert:	New Line Space Nothing

@Rule Settings

After @Rule Insert:

New Line Space Nothing

Comments

Remove Comments:

Yes No

Property Order ( Coming Soon )

None Alphabetically By Length

  

---

Last updated on 23rd March 2014 By Rene Spronk