CSS Formatter & Minifier
CSS Formatter & Minifier pretty print css online private format stylesheet code minify css preserve license commentClean up a stylesheet for inspection
Paste CSS and choose Format CSS for readable rules and declarations. Choose Minify to remove ordinary comments and unnecessary spacing while keeping comments that begin with /*!.
Readable CSS makes interactions visible
Formatting separates selectors, declarations, nested at-rules, custom properties, and modern functions. This helps reviewers see cascade order and spot duplicated or overridden properties. It does not calculate specificity, show computed styles, or determine whether a selector matches the intended document.
Worked example
Paste .card{display:grid;gap:1rem;color:var(--text)}@media(max-width:40rem){.card{display:block}}. The formatter expands the base rule and media query into separate blocks. The relationship between default grid behavior and the narrow-screen override becomes easier to inspect.
Minification tradeoffs
Compact CSS transfers fewer whitespace bytes, but gzip or Brotli already compress repeated spacing efficiently. A production bundler may also merge rules, shorten colors, remove unreachable code, and add compatibility transforms. This page stays conservative because those changes can alter cascade behavior or require knowledge of the complete site.
Test the actual page
Valid syntax does not prove a layout works at different widths, zoom levels, themes, writing directions, or user font settings. Test rendered components with keyboard navigation and real content. Pay special attention to source order, focus visibility, overflow, reduced-motion preferences, and contrast.
Privacy and limitations
CSS remains in the browser. The tool does not fetch imports, resolve URLs, add vendor prefixes, compile Sass or Less, purge unused selectors, inspect browser support, or rewrite relative asset paths. Important comments are retained by the conservative minifier, but review licensing obligations independently.
CSS Formatter FAQ
Will minification improve speed?
It can reduce source size, though compression and caching often matter more.
Does it remove unused selectors?
No. That requires knowledge of templates, scripts, and runtime states.
Can it compile Sass?
No. Input must be standard CSS.