CSS Beautifier & Minifier

What it does

The CSS Beautifier and Minifier formats messy or compressed CSS into clean, readable code or compresses it for production use. It handles standard CSS including media queries, keyframes, and custom properties.

How to use

Paste your CSS into the input area
Click Beautify to add proper indentation and line breaks
Click Minify to strip all whitespace and comments
Copy the result with the Copy button

Common use cases

Formatting minified CSS from a CDN for debugging
Minifying hand-written CSS before deployment
Cleaning up generated CSS from preprocessors
Code review preparation with consistent formatting

Privacy

All processing runs in your browser. Your code is never sent to any server.

HTML Beautifier — Format HTML code
SCSS Beautifier — Format SCSS stylesheets
LESS Beautifier — Format LESS stylesheets

FAQ

Does it support CSS variables? Yes, custom properties (CSS variables) are preserved correctly.

Does it handle vendor prefixes? Yes, vendor-prefixed properties are formatted like any other property.

What about media queries? Media queries are fully supported and properly nested on beautify.

Embelezador e Minificador CSS

O que faz

O Embelezador e Minificador CSS formata CSS bagunçado ou comprimido em código limpo e legível, ou o comprime para uso em produção. Suporta CSS padrão incluindo media queries, keyframes e propriedades customizadas.

Como usar

Cole seu CSS na área de entrada
Clique em Embelezar para adicionar indentação e quebras de linha adequadas
Clique em Minificar para remover todos os espaços e comentários
Copie o resultado com o botão Copiar

Casos de uso comuns

Formatar CSS minificado de uma CDN para depuração
Minificar CSS escrito à mão antes do deploy
Limpar CSS gerado por pré-processadores
Preparação para revisão de código com formatação consistente

Privacidade

Todo o processamento roda no seu navegador. Seu código nunca é enviado para nenhum servidor.

Ferramentas relacionadas

Embelezador HTML — Formate código HTML
Embelezador SCSS — Formate folhas SCSS
Embelezador LESS — Formate folhas LESS

Perguntas frequentes

Suporta variáveis CSS? Sim, propriedades customizadas (variáveis CSS) são preservadas corretamente.

Trata prefixos de fornecedor? Sim, propriedades com prefixo são formatadas como qualquer outra propriedade.

E as media queries? Media queries são totalmente suportadas e corretamente aninhadas ao embelezar.