Free: Online CSS Formatter | CSS Beautifier

{fullWidth}

Last updated on October 15th, 2022
ADDED ➤ syntax highlighting

NOTE Copying our codes and links can lead your site to a penalty

CSS Formatter - Utilize this CSS formatter online tool to beautify CSS. Enter your minified or obfuscated CSS in the code editor, then click on format CSS button to make it pretty, clean, and readable.

Input

Indent with a tab character Indent with 2 spaces Indent with 3 spaces Indent with 4 spaces Indent with 8 spaces

Do not wrap lines Wrap lines near 40 characters Wrap lines near 70 characters Wrap lines near 80 characters Wrap lines near 110 characters Wrap lines near 120 characters Wrap lines near 160 characters

Remove all extra newlines Allow 1 newline between tokens Allow 2 newlines between tokens Allow 5 newlines between tokens Allow 10 newlines between tokens Allow unlimited newlines between tokens

Output

How to Use our CSS Formatter?

• STEP 1 Paste your CSS code inside the input box (top side).
• STEP 2 Click the “Format CSS” button and wait for the CSS formatter tool to finish formatting your code.
• STEP 3 If you’ve done it correctly, the formatted CSS code should now appear in the output box (bottom side).
• STEP 4 Feel free to use the quick copy button to copy the code.