CSS Beautify Tool - Free Online CSS Formatter and Beautifier

Input data
bfotool loadding
Output data
bfotool loadding

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 saves a lot of work. It can control the layout of multiple web pages all at once
  • External stylesheets are stored in CSS files

When do you use

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.

CSS Beautify Examples

The minified CSS Style Sheets below:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }

Becomes this beautified :

.headbg{
     margin:0 8px 
 }
 a:link,a:focus{
     color:#00c 
 }
 a:active{
     color:red 
 }