Formatador de CSS

Formate (beautify) ou minifique um trecho de CSS.

A formatação não acontece automaticamente enquanto você digita — clique em "Formatar" ou "Minificar" quando o CSS estiver pronto. Comentários (/* ... */) são removidos no processo.

Escopo: beautifier prático, não parser CSS completo

Formata uma regra por linha, indentação de 2 espaços, uma declaração por linha — cobre bem seletores, propriedades e @media com um nível de aninhamento. Não é um parser CSS completo: aninhamento em múltiplos níveis ou at-rules incomuns podem sair mal formatados. Comentários (/* ... */) são sempre removidos, tanto ao formatar quanto ao minificar.

Quando usar

Perguntas frequentes

A ferramenta preserva os comentários do CSS?

Não. Tanto ao formatar quanto ao minificar, os comentários (/* ... */) são sempre removidos do resultado — não há opção para mantê-los. Guarde uma cópia do original antes de processar se precisar das anotações.

Funciona com @media aninhado em vários níveis?

Cobre bem @media com um nível de aninhamento e CSS comum do dia a dia, mas não é um parser CSS completo. Aninhamento em múltiplos níveis ou at-rules pouco usuais podem sair mal formatados.

Meus dados são enviados para algum servidor?

Não, todo o processamento roda no navegador. Seguro para colar CSS de temas, builds ou projetos internos ainda não publicados.