Embelezador e minificador de CSS online

Formatação e minificação de CSS sem complicações

O Embelezador de CSS é uma ferramenta leve que ajuda a organizar ou compactar folhas de estilo diretamente no navegador. Não é um parser completo nem um validador, mas é útil para tarefas rápidas de formatação.

Como funciona o embelezamento

Ao escolher Embelezar, a ferramenta remove espaços em branco desnecessários, divide o código em linhas com base em chavetas e ponto e vírgula, e aplica a indentação escolhida. Por exemplo, o CSS body{color:red;margin:0;} é transformado em:

body {
  color: red;
  margin: 0;
}

As declarações mantêm a ordem original.

Como funciona a minificação

A opção Minificar remove comentários de bloco e espaços em branco desnecessários à volta de chavetas, dois-pontos, ponto e vírgula e vírgulas. Também remove o ponto e vírgula antes de uma chaveta de fecho. O resultado é um CSS compacto, pronto para produção.

Limitações importantes

Esta ferramenta não calcula o tamanho gzip, não cria source maps, não reordena propriedades, não adiciona prefixos de fornecedores, não testa compatibilidade nem corrige seletores. Em casos de CSS malformado, strings complexas, valores de propriedades personalizadas, URLs de dados ou comentários usados como diretivas, a pontuação interna pode ser significativa; verifique o resultado num navegador ou pipeline de compilação.

Perguntas frequentes

O que acontece se o meu CSS tiver mais de 500000 caracteres?

A entrada está limitada a 500000 caracteres. Se exceder esse limite, a ferramenta não processará o código; divida o CSS em partes mais pequenas.

Posso escolher entre espaços e tabulações para a indentação?

Sim, pode escolher entre dois espaços, quatro espaços ou tabulação. A opção selecionada é aplicada durante o embelezamento.

A ferramenta altera a ordem das propriedades?

Não, a ordem das declarações é preservada tanto no embelezamento como na minificação.

Lista de verificação

• Cole o CSS na área de entrada.
• Selecione a indentação pretendida.
• Escolha Embelezar ou Minificar.
• Copie o resultado.
• Verifique o CSS resultante num navegador, especialmente para casos complexos.