CSS Formatter

Sobre esta ferramenta

O Formatador de CSS converte CSS comprimido ou ilegível em folhas de estilo limpas e corretamente indentadas. Suporta todos os recursos padrão de CSS, incluindo media queries, pseudo-classes, animações keyframe, propriedades personalizadas e seletores aninhados.

O modo minify remove todos os comentários e espaços desnecessários, produzindo o CSS mais compacto possível para produção. Todo o processamento ocorre localmente no seu navegador.

Como usar

1. Cole seu CSS no painel de entrada à esquerda.
2. Selecione a indentação preferida (2 ou 4 espaços).
3. Clique em Formatar para embelezar, ou Minificar para comprimir.
4. Clique em Copiar para copiar o resultado para a área de transferência.

Casos de uso

Desenvolvedores frontend usam esta ferramenta para formatar CSS copiado do DevTools, folhas de estilo legadas ou exportações de sistemas de design. A minificação reduz o tamanho do bundle CSS em 30–50%.

Perguntas frequentes

• Suporta SCSS/LESS? — Esta ferramenta formata apenas CSS padrão. Para SCSS ou LESS, use um formatador de pré-processador dedicado.
• Comentários são preservados? — Durante a formatação, os comentários são preservados. O modo minify remove todos os comentários para reduzir o tamanho.
• Meus dados estão seguros? — Todo o processamento é local no seu navegador. Nenhum CSS é transmitido a qualquer servidor.