O que esta ferramenta faz
Formate seletores CSS, consultas de media, fotogramas-chave, comentários, calc() e propriedades personalizadas com indentação de 2 ou 4 espaços.
- Suporta CSS moderno comum, media queries e key frames.
- Formata apenas texto e não injeta estilos na página atual.
- A sintaxe inválida exibirá um erro de analisador.
Como utilizar
- Cole o CSS.
- Selecione a largura do recuo.
- Clique em “Formatar CSS”.
- Copie ou descarregue o ficheiro formatted.css.
Utilizações comuns
- Limpe as folhas de estilo de linha única ou difíceis de ler.
- Unifique o formato do snippet de código da equipa.
- Ajuda a observar consultas de media aninhadas e estruturas de animação.
Funcionalidades do CSS Formatter
Analise e embeleze seletores CSS, declarações, media queries, key frames e propriedades personalizadas. Verifique o resultado e copie o texto de que precisar.
FAQ
As propriedades personalizadas serão divididas incorretamente?
Os valores comuns de --custom-property são suportados e o seu conteúdo é preservado.
A formatação alterará o efeito do seletor?
O objetivo é apenas alterar o layout; no entanto, é recomendado reter os ficheiros de origem e testar o projeto antes de o processar com qualquer ferramenta automatizada.
O CSS será aplicado a esta página?
Não. Tanto a entrada como a saída permanecem em caixas de texto.