PT

Formatador de CSS

Deixe CSS minificado ou bagunçado legível: um seletor e uma propriedade por linha, espaçamento consistente e media queries aninhadas com indentação clara.

Grátis e privado. Tudo funciona no seu navegador e nada é enviado.

Como funciona

  1. Cole o seu CSSCole o código, digite ou abra um arquivo. Clique em Exemplo para ver um modelo.
  2. Confira o resultadoO resultado aparece à direita enquanto você digita. Os erros mostram a linha e a coluna.
  3. Copie ou baixeCopie o CSS com um clique ou baixe como arquivo.

Entenda qualquer folha de estilos

Folhas de estilos copiadas de um site no ar normalmente estão minificadas em uma única linha. A formatação divide tudo em regras que você consegue percorrer rápido, com listas de seletores em linhas separadas e linhas em branco entre as regras.

Strings, valores url() e data URIs ficam exatamente como estão, mesmo quando têm chaves ou ponto e vírgula.

Escolha 2 espaços, 4 espaços ou tabulação para seguir o estilo do seu projeto antes de colar o resultado de volta.

Sobre CSS

O CSS controla a aparência das páginas. No CSS formatado, cada regra e cada propriedade ficam em uma linha; o CSS minificado perde tudo o que o navegador não precisa, mas mantém intactos valores como calc(1px + 2px).

Perguntas frequentes

Os comentários são mantidos?

Sim, a formatação mantém todos os comentários. A minificação remove, menos os comentários que começam com /*!, que costumam trazer avisos de licença.

Meu código é enviado para algum lugar?

Não. A formatação e a minificação acontecem no seu navegador. Seu código não é enviado para os nossos servidores.

A minificação renomeia minhas variáveis?

Não. A minificação só remove comentários, quebras de linha e espaços. Os nomes continuam legíveis e o código funciona exatamente igual, o que deixa a ferramenta segura para qualquer arquivo.

Por que algumas quebras de linha ficam no JavaScript minificado?

O JavaScript entende algumas quebras de linha como o fim de um comando. Onde remover uma delas poderia mudar o que o código faz, ela é mantida.

Posso formatar JSON aqui?

O JSON tem uma ferramenta própria, com visualização em árvore e validação. Use a página de ferramentas JSON indicada abaixo.

Funciona sem internet?

Sim. Depois que você abre a página uma vez, ela continua funcionando sem conexão com a internet.