Lida corretamente com todas as construções CSS: seletores, blocos de regras, at-rules (@media, @keyframes, @supports), comentários e regras aninhadas com a indentação adequada.
A saída é colorida por categoria: seletores, nomes de propriedades, valores, at-rules, comentários, propriedades personalizadas CSS e literais de cor são todos visualmente distintos, facilitando a leitura do código formatado.
O botão Minificar remove todos os espaços em branco, comentários e ponto e vírgula desnecessários do seu CSS — ideal para verificar o que um bundler vai produzir ou para minificar rapidamente pequenos trechos.
Toda a formatação CSS acontece inteiramente no seu navegador. Nada é enviado a nenhum servidor. Seu código permanece privado e a ferramenta funciona offline.
Um formatador CSS pega CSS bruto ou minificado e o reformata com indentação, espaçamento e quebras de linha consistentes para facilitar a leitura. Ele não altera como os estilos são aplicados — apenas sua estrutura visual para os desenvolvedores.
Não. Os navegadores interpretam o CSS da mesma forma, esteja ele minificado ou lindamente indentado. Só a experiência do desenvolvedor muda. CSS formatado é muito mais fácil de ler, depurar e manter.
Sim. Propriedades personalizadas CSS como --primary-color: #00e5b8 são tratadas corretamente e destacadas com uma cor distinta na saída.
Sim. Todas as at-rules, incluindo @media, @keyframes, @supports, @import e @font-face, são suportadas. Regras aninhadas são indentadas automaticamente um nível a mais.
A minificação CSS remove todos os espaços em branco e comentários desnecessários para reduzir o tamanho do arquivo, melhorando a velocidade de carregamento da página. O botão Minificar desta ferramenta permite pré-visualizar a saída minificada antes de publicar.