Formatador CSS

Formata regras CSS com indentação legível.

Entrada

Saída

Quando usar Formatador CSS

Organizar CSS colado em uma linha
Preparar folhas de estilo para revisão
Tornar regras aninhadas legíveis

Exemplo

Entrada

.card{width:calc(100% - 2rem);content:"a;b"}

Saída

.card {
  width: calc(100% - 2rem);
  content: "a;b";
}

Benefícios

Grátis no navegador
Sem instalação nem cadastro
Resultados instantâneos no seu dispositivo
Formatar não valida sintaxe. Teste estilos ao vivo no compilador.

Ferramentas relacionadas