Categoria: Desenvolvimento
Formatador de CSS
Formate ou minifique CSS localmente com indentação de 2 ou 4 espaços
Cole CSS para formatá-lo com indentação de 2 ou 4 espaços, ou minifique-o para o menor tamanho seguro. Comentários são mantidos ao formatar. Funciona totalmente no seu navegador.
Formatado no seu navegador.
.tool-panel {
display:grid;
gap:16px;
padding:16px
}
/* accent border */
.tool-panel .tool-output {
border:1px solid var(--line);
border-radius:8px
}Tudo nesta página é processado no seu navegador. Nada é enviado.
Para que serve
Um formatador de CSS reindenta regras e declarações para que seletores aninhados e media queries fiquem fáceis de ler, enquanto um minificador remove comentários e espaços desnecessários para reduzir o tamanho de uma folha de estilos em produção. Esta ferramenta apenas reorganiza espaços em branco e nunca avalia ou executa o CSS recebido.
Como usar
- Cole seu CSS na caixa de entrada, ou carregue o exemplo.
- Escolha Formatar para uma saída legível ou Minificar para o menor tamanho.
- Copie o resultado; a saída formatada também permite escolher indentação de 2 ou 4 espaços.
Privacidade
Esta ferramenta roda inteiramente no seu navegador. O que você digita nunca é enviado, salvo ou compartilhado — fechar a aba já remove tudo.
Perguntas frequentes
- Meu CSS é enviado para algum lugar?
- Não. A formatação e a minificação acontecem em JavaScript executado na página, então sua folha de estilos nunca sai do seu dispositivo.
- Os comentários são mantidos?
- A saída formatada mantém os comentários em linha própria; a saída minificada os remove, como fazem a maioria das ferramentas de build de produção.
- A ferramenta valida o CSS?
- Não. Ela apenas reorganiza espaços em branco e indentação, então não detecta erros de digitação em nomes de propriedades nem valores inválidos.