CSS Formatter & Minifier

CSS Formatter & Minifier

Local Processing

Pretty-print CSS or minify it.

How It Works & Processing Standards

Pretty-print CSS or minify it.

Tool processing runs in your browser. If you create a calculator or conversion share link, its values are included in the URL. See the privacy policy for account, analytics and advertising data.

Current Limits

  • Maximum input length: 100,000 characters

Choose format or minify under "Task". Read minified CSS, or shrink CSS before deploying.

What You Can Do

Format
Splits selectors and declarations onto indented lines.
Minify
Removes whitespace, line breaks and comments.

How to Use CSS Formatter & Minifier

  1. 1
    Choose a taskFormat or minify.
  2. 2
    Paste CSSPaste the CSS.
  3. 3
    CopyCopy the result.

Examples

Format
Input: a{color:red;margin:0}
Result: a { color:red; margin:0 }
Minify
Input: a { color: red; /* 주석 */ margin: 0; }
Result: a{color:red;margin:0}

Common Use Cases

  • Reading minified CSS
  • Shrinking inline or email CSS

Frequently Asked Questions (FAQ)

Does it reorder properties or change values?

No. Only whitespace, line breaks and comments change; selectors, properties and values stay.

Have feedback or ideas for this tool? Suggest & Inquire →