Embelezador de CSS

Embeleza CSS para legibilidade.

Como usar

Quatro passos: colar, executar, rever, copiar. Tudo fica no navegador.

Cole o conteúdo

Cole o conteúdo

Introduza CSS, HTML, JSON ou outro texto. Nada é enviado.

Execute a ferramenta

Execute a ferramenta

Clique em Converter ou Executar. O resultado aparece na hora.

Reveja a saída

Reveja a saída

Leia o código gerado e as notas antes de usar.

Copie e use

Copie e use

Copie o resultado e cole no seu projeto.

Sobre esta ferramenta

O embelezador pertence à mesma família do formatador: chavetas e espaçamento consistentes, para que qualquer pessoa percorra os seletores depressa. É uma limpeza pontual e não um formatador de CI.

Exemplo

O exemplo é uma barra de navegação escrita de forma densa de propósito.

Entrada

nav{display:flex;gap:1rem}nav a{color:#0f172a;text-decoration:none}nav a:hover{color:#0284c7}

Saída

nav {
  display: flex;
  gap: 1rem;
}

Dica

Se dois formatadores entrarem em conflito no CI, escolha um e reserve esta ferramenta para arranjos manuais.