CSS Formatter

CSS Formatter Form

This form allows you make beautiful CSS code:


Move to «Paste Code» for Save it

About CSS Formatter tool

What is CSS?

CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media.

CSS is a style language that defines layout of HTML documents. For example, CSS covers fonts, colours, margins, lines, height, width, background images, advanced positions and many other things.

About CSS Formatter tool

The Formatter CSS online was created to help with debugging. As CSS styles is often output without line breaks to save space, it is extremely difficult to actually read. This tool allows you to solve the problem by formatting CSS styles so that it is easy to read and debug.

How it Works?

Just paste your CSS to the textarea above and click to the button "Formatter" and you will get formatted CSS in the same textarea.

Example of CSS Formatter

Before:
html,body{height:100%}.wrap{min-height:100%;height:auto;margin:0 auto -60px;padding:0 0 60px}
After:
html, body {
    height: 100%;
}
 .wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}
Donate

Did you like this tool? You can donate to us. This will help us improve our free web tools.

Paypal