Formatar CSS (indentar e embelezar)
Formate CSS minificado ou bagunçado online: uma propriedade por linha, recuo de 2 ou 4 espaços ou tab, linha em branco entre as regras e seletores separados, para ler e editar o estilo de qualquer site.
Cole o seu CSS.
Tudo é feito no seu aparelho: nada é enviado para a internet.
Formatar CSS (indentar e embelezar): para que serve
Arquivos .min.css vêm numa linha só para carregar rápido, mas assim ninguém consegue ler. Cole o CSS e cada regra e cada propriedade ganham a sua linha, com o recuo que você escolher.
Há opções para linha em branco entre as regras e para um seletor por linha. Funciona também com a maior parte do SCSS e do Less. Para voltar ao arquivo pequeno, use a ferramenta Minificar CSS. Tudo roda no navegador com a biblioteca js-beautify.
Como usar
- Cole o CSS.
- Escolha o recuo e as opções.
- Copie ou baixe o resultado.
Quando usar
- Estudar o estilo de um site.
- Editar um CSS minificado.
- Padronizar o recuo de um projeto.
Perguntas frequentes
Serve para CSS minificado?
Sim. É o uso mais comum: o arquivo .min.css vem todo numa linha só, e a ferramenta separa cada regra e cada propriedade para você conseguir ler e editar.
Funciona com SCSS e Less?
Na maior parte, sim: regras aninhadas, variáveis e mixins são recuados corretamente. Para conferir, compare o resultado com o original antes de substituir o arquivo.
Como deixar o CSS pequeno de novo?
Use a ferramenta Minificar CSS, que faz o caminho contrário: tira espaços, quebras e comentários para o arquivo carregar mais rápido.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.