Algo errado nesta ferramenta?
Sobre «Formatador CSS Online»
Esta ferramenta embeleza CSS minificado ou bagunçado em uma forma bem indentada e legível. Coloca cada declaração em sua própria linha, normaliza espaçamento ao redor de chaves e dois-pontos, classifica propriedades (opcional), e padroniza espaço em branco e posicionamento de comentários.
Útil ao ler CSS de produção minificado que um colega ou fornecedor escreveu, ao preparar CSS para code review, ou ao normalizar estilos antes de fazer check-in no controle de versão.
O formatador lida com seletores aninhados, media queries, keyframes, propriedades customizadas e features modernos como camadas CSS corretamente. O modo sort-properties ordena declarações alfabeticamente — útil para saída diff-friendly mas nem sempre a ordem de leitura mais lógica.
Como usar esta ferramenta
Como embelezar um CSS minificado ou bagunçado
Cole o CSS
Coloque CSS minificado ou com indentação inconsistente no campo "CSS". Stylesheet inteiro ou fragmento; comentários, media queries e at-rules aninhados passam intactos.
Executar
Resultado: um único campo `formatted` — uma declaração por linha, indentação de 2 espaços dentro das chaves, linha em branco entre regras top-level. Seletores permanecem em uma linha; muito longos não quebram.
O que NÃO faz
Sem expansão de vendor-prefix, sem conversão shorthand → longhand, sem autoprefixing, sem reescrita de valores. `margin:0 5px` sai como `margin: 0 5px;`, não as quatro propriedades top/right/bottom/left separadas.
Quando re-minificar
Formate para revisão humana, depois passe por css-minifier-online antes do deploy. Round-trip vale para CSS válido — entrada inválida recebe best-effort e pode não parsear igual depois.