Formatar CSS
Você baixou uma folha de estilos minificada (tudo em uma única linha) ou copiou CSS gerado por uma ferramenta online? Cole aqui para obter uma versão legível, uma declaração por linha. Formatador básico (indentação por bloco): ele não reorganiza propriedades, não valida a sintaxe e não mescla regras duplicadas.
Como funciona
Cole seu CSS minificado ou compacto e clique em "Formatar": a ferramenta coloca a chave de abertura no final da linha do seletor, coloca cada declaração (propriedade: valor) em sua própria linha, indenta com 2 espaços por nível (regras aninhadas como @media são tratadas), e isola a chave de fechamento em sua própria linha.
Por que meus comentários CSS aparecem posicionados de forma estranha?
A ferramenta preserva o conteúdo dos comentários <code>/* ... */</code>, mas não os reposiciona de forma inteligente em relação às declarações ao redor: eles permanecem no local onde apareciam no código-fonte original.
A formatação altera o comportamento do meu CSS?
Não. Apenas a apresentação do código (espaços, quebras de linha, indentação) é modificada. Os seletores, propriedades e valores permanecem estritamente idênticos.
A formatação é executada 100% localmente no seu navegador via WebAssembly: seu código CSS nunca é enviado a um servidor.