Formatador de CSS online
Cole seu CSS e depois formate-o com indentação legível ou minifique-o — totalmente no seu navegador.
Cole seu CSS
Resultado
A formatação acontece inteiramente no seu navegador — seu CSS nunca chega aos nossos servidores.
Os blocos @media e @supports são formatados recursivamente, com um nível de indentação mais profundo a cada vez.
Nenhuma conta é necessária, e não há limite de quantas vezes você pode usá-lo.
O que é um Formatador de CSS?
Um formatador de CSS pega CSS minificado ou desorganizado e o reformata com indentação consistente e uma declaração por linha, tornando-o legível — útil ao inspecionar uma folha de estilos, limpar uma exportação de CMS ou depurar uma saída de build. Esta ferramenta também minifica, então a mesma página cobre ambas as tarefas relacionadas.
Como formatar CSS online
- Cole ou envie seu CSS. Cole diretamente no editor, ou clique em "Enviar um arquivo" para carregar o conteúdo de um arquivo .css.
- Escolha um modo. Formatar para uma indentação legível, ou Minificar para remover comentários e espaços em branco.
- Clique no botão de ação. O resultado aparece abaixo.
- Copie ou baixe. Copie o resultado para a área de transferência, ou baixe-o como um arquivo .css.
Perguntas frequentes
O que o formatador de CSS faz?
Ele reformata o CSS com indentação consistente, uma declaração por linha e espaçamento normalizado após os dois-pontos — útil para uma folha de estilos minificada, uma exportação de CMS, ou CSS que chegou como uma única linha ilegível.
Ele lida com blocos @media e @supports aninhados?
Sim — blocos de at-rule aninhados são recuados um nível mais profundo que as regras ao redor, recursivamente, de forma que um bloco @media contendo vários seletores seja formatado de forma limpa.
Posso minificar CSS?
Sim. Mude para o modo Minificar para remover comentários e espaços em branco desnecessários, produzindo a menor versão do seu CSS para uso em produção.
A minificação quebra conteúdo dentro de aspas, como content: "a: b;"?
Não — valores de string entre aspas (em propriedades content, referências url() e similares) são protegidos antes da minificação e restaurados intactos depois, então ponto e vírgula ou dois-pontos dentro de uma string nunca são corrompidos.
Meu CSS é enviado para algum lugar?
Não. Esta ferramenta é executada inteiramente no seu navegador — sua folha de estilos nunca é enviada aos servidores da CurePDF.
O formatador de CSS é gratuito?
Sim, nenhuma conta é necessária, e não há limite de quantas vezes você pode usá-lo.