Como usar
- Cole seu CSS, abra um arquivo
.cssou comece pelo exemplo: uma folha de estilos minificada. - Escolha 2 espaços, 4 espaços ou tabulações. O CSS formatado aparece enquanto você digita.
- Copie ou baixe como
styles.css.
O que faz
Cada regra ganha seu próprio bloco, cada declaração sua própria linha, e as regras dentro de @media e de outras regras @ são recuadas um nível a mais. Seletores, valores e comentários ficam como estão, então a folha de estilos significa exatamente a mesma coisa.
Quando ajuda
- Para ler uma folha de estilos minificada de um tema, de um framework ou de um site que você está inspecionando.
- Para arrumar o CSS antes de editar, para que uma mudança mexa numa linha em vez de numa única linha enorme.
- Para comparar duas folhas de estilos: formate as duas e faça um diff.
Perguntas frequentes
Ele corrige CSS inválido?
Não. Ele recua o que existe; uma chave faltando continua faltando. Os navegadores ignoram declarações que não conseguem ler, então um caractere perdido costuma quebrar uma regra, não a folha inteira.
Ele ordena as propriedades?
Não. A ordem pode importar no CSS (a declaração posterior vence), então ela fica como foi escrita.
Posso minificar de novo depois?
Sim: o Minificador de CSS o transforma de volta numa única linha compacta.
Meu CSS é enviado para algum lugar?
Não. A formatação roda no seu navegador.