Formatador CSS

Formatador CSS

Esta ferramenta embeleze o código CSS com indentação correta e formatação consistente.

A operação é executada localmente no seu navegador. Seus dados nunca são enviados ou armazenados em um servidor.

Como usar

1. Cole seu código CSS no editor de entrada.
2. Clique em Embelezar CSS.
3. O CSS embelezado aparece com indentação correta.
4. Use Copiar para a área de transferência, Baixar para um arquivo, ou Limpar para reiniciar.

O que é embelezamento CSS?

O embelezamento CSS adiciona indentação e torna o código legível.

O embelezamento CSS é essencial para depuração e colaboração.

Notas de entrada

A ferramenta aceita qualquer entrada CSS.

Exemplo

O CSS minificado se torna legível após o embelezamento:

--- Minified Input ---
body{margin:0;padding:0;font-size:16px;}.container{max-width:1200px;}

--- Beautified Output ---
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.container {
  max-width: 1200px;
}