Formatar CSS
Formate código CSS compacto ou mal indentado para o tornar legível, com o motor de formatação do Prettier, diretamente no navegador.
É processado no seu dispositivo. Nada é enviado para nenhum servidor.
Usa o motor do Prettier para dar ao CSS uma indentação e um espaçamento coerentes, incluindo regras aninhadas e vários seletores.
Casos de uso
- Formatar CSS minificado para o poder ler e editar.
- Preparar um excerto de CSS legível para documentação.
- Rever visualmente a estrutura de uma folha de estilos complexa.
Como funciona
- 1
Cole o CSS
Escreva ou cole o código CSS na caixa de entrada.
- 2
Formate
Clique em «Formatar» e copie ou descarregue o resultado.
Detalhes técnicos
- Aplica as opções predefinidas do Prettier: indentação de 2 espaços, uma declaração por linha e cada seletor de uma lista na sua própria linha.
- Uniformiza detalhes de estilo, como as aspas duplas ou as maiúsculas nas cores hexadecimais, sem alterar o que o CSS faz.
- Se o CSS tiver um erro de sintaxe (por exemplo, uma chaveta por fechar), verá um erro em vez de um resultado incompleto.
Perguntas frequentes
Suporta SCSS ou LESS?
O formatador foi pensado para CSS padrão; a sintaxe própria de pré-processadores como SCSS ou LESS pode não ser formatada corretamente.