Formatter CSS Online

CSS Formatter Form

This form allows you make beautiful CSS format:

Press F11 to switch to fullscreen mode

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 Formatter 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;
}