O que o Formatador CSS faz?
O Formatador CSS recua e melhora a apresentação de código Cascading Style Sheets (CSS).
Ferramenta no navegador
Formatador CSS
Formate regras CSS para melhorar o recuo e o espaçamento. Verifique a sintaxe antes de copiar o resultado.
Área de trabalho da ferramenta
Entrada necessáriaSua entrada permanece neste navegador.
Adicione a entrada necessária para continuar.
Seu resultado aparecerá aqui
Preencha a entrada necessária para continuar.
Resposta direta
O que Formatador CSS faz
O Formatador CSS processa texto de desenvolvedor. Verifique a sintaxe CSS de destino antes de copiar.
Resultado
O que você recebe
O resultado contém regras CSS recuadas com espaçamento legível. O processamento ocorre no navegador.
Usar esta ferramenta
Como usar Formatador CSS
- Insira regras CSS compactadas para formatar.
- Use a operação Formatar CSS com as opções de formatação padrão.
- Compare a saída com uma pequena amostra CSS conhecida do Formatador CSS.
Exemplo
Testar com uma amostra segura
Entrada: .card{color:red;margin:0 1rem}
Configurações: Operação: Formatar CSS; string de recuo: dois espaços.
Resultado: .card { color: red; margin: 0 1rem; }
A formatação altera espaços e recuos. Ela não valida a compatibilidade do CSS com navegadores.
Usos comuns
Onde Formatador CSS é útil
- Formate a regra .card e compare seus recuos com a saída esperada.
- Compare recuos e espaços com a convenção CSS do projeto.
- Conserve o CSS compacto para comparar recuos e espaços.
Limites
Verificar o resultado
- Formatador CSS: a formatação não valida a compatibilidade com navegadores.
- Formatador CSS: a operação não pode inferir outra linguagem quando a sintaxe CSS de destino é ambígua.
- Formatador CSS: o processamento permanece no navegador.