Does it support CSS variables and media queries?

Yes, CSS variables (--var), media queries, and modern CSS syntax are all supported.

Are comments removed when minifying?

Yes, comments and unnecessary whitespace are removed in minify mode.

Can it handle SCSS or LESS?

The beautify function handles SCSS/LESS to a degree, but full support is not guaranteed.

What happens to comments when I minify CSS?

All comments are removed during minification. Be sure to save any important license comments separately before minifying.

Does the CSS formatter support media queries and CSS variables?

Yes. Media queries, CSS variables (var()), calc(), @keyframes, and all modern CSS syntax are fully supported.

💻

Developer Tools

Input

CSS Beautify & Minify

CSS Formatter · CSS Minifier — clean up messy CSS with proper indentation (Beautify), or strip whitespace and comments to minimize file size (Minify). Beautify is powered by js-beautify; minification uses an optimized algorithm. Results can be copied instantly. Free online CSS formatter and minifier.

How to Use

① Paste your CSS into the input field. ② Click 'Beautify' or 'Minify'. ③ The result appears below. ④ Click 'Copy' to save to your clipboard.

When to Use

• Making a compressed CSS library readable for debugging • Minimizing CSS before production deployment to improve load speed • Cleaning up indentation before a code review • Tidying up email template or inline CSS

Frequently Asked Questions

Q. Does it support CSS variables and media queries?: A. Yes, CSS variables (--var), media queries, and modern CSS syntax are all supported.
Q. Are comments removed when minifying?: A. Yes, comments and unnecessary whitespace are removed in minify mode.
Q. Can it handle SCSS or LESS?: A. The beautify function handles SCSS/LESS to a degree, but full support is not guaranteed.
Q. What happens to comments when I minify CSS?: A. All comments are removed during minification. Be sure to save any important license comments separately before minifying.
Q. Does the CSS formatter support media queries and CSS variables?: A. Yes. Media queries, CSS variables (var()), calc(), @keyframes, and all modern CSS syntax are fully supported.