O formatador utiliza um analisador que reconhece a sintaxe, em vez de dividir o texto cegamente por chavetas e pontos e vírgulas. Acompanha cadeias de texto, comentários, funções, seletores de atributos e blocos aninhados. Assim, a pontuação dentro de um URL ou de um valor entre aspas permanece intacta.
Formatar CSS online
Funciona inteiramente no navegador - sem carregar nada, sem registo.
CSS de entrada
CSS formatado
Cole CSS para o formatar
Como formatar CSS online?
Um formatador de CSS transforma folhas de estilo minificadas ou com espaçamento irregular em código legível, com indentação e quebras de linha consistentes. Cole o CSS, escolha dois espaços, quatro espaços ou tabulação e copie ou descarregue o resultado. Todo o processamento decorre no navegador e preserva comentários, valores entre aspas, URLs de dados e a ordem das declarações.
Como utilizar
- 1Cole o CSS. Adicione ao editor uma folha de estilo, um bloco de seletores ou um excerto de CSS minificado.
- 2Escolha a indentação. Selecione dois espaços, quatro espaços ou tabulação. O resultado é atualizado enquanto escreve.
- 3Verifique o estado. Consulte as contagens estruturais ou corrija o delimitador sem par, o comentário aberto ou a cadeia sem fecho indicada.
- 4Copie ou descarregue. Copie o CSS formatado para a área de transferência ou guarde o ficheiro como formatted.css.
Para quem é
- Programadores front-end que expandem CSS de produção para facilitar a leitura e a depuração.
- Revisores de código que uniformizam a indentação antes de comparar uma folha copiada ou um excerto de um pedido de integração.
- Estudantes que pretendem visualizar melhor media queries, seletores e blocos de declarações aninhados.
- Equipas de suporte e QA que limpam o CSS copiado das ferramentas de programador antes de o colocar num pedido ou exemplo de erro.
Perguntas frequentes
O formatador de CSS é gratuito?
Sim. Pode formatar tanto CSS quanto o navegador conseguir processar confortavelmente. Não é necessário criar uma conta nem instalar nada, não há quota de utilização e o resultado fica disponível de imediato.
O meu CSS é enviado para um servidor?
Não. A formatação acontece localmente no navegador. O CSS colado permanece no editor da página e não é enviado para nenhuma API, o que permite trabalhar também com estilos de projetos privados.
Quanto CSS posso formatar?
A ferramenta não impõe um limite de caracteres. Folhas geradas muito grandes continuam dependentes da memória e do desempenho do dispositivo, mas os estilos habituais de sites, componentes e mensagens de correio são formatados imediatamente.
A formatação altera o funcionamento do CSS?
Altera espaços e quebras de linha, mas mantém seletores, declarações, comentários, cadeias entre aspas e a ordem original. Reveja o código antes de o publicar, sobretudo se a folha usar sintaxe experimental ou sequências de escape que dependam de espaços invulgares.
A ferramenta valida propriedades CSS?
Não. Verifica o equilíbrio de chavetas, parênteses retos, parênteses curvos, comentários e cadeias de texto. Não confirma se cada propriedade, valor ou funcionalidade específica do navegador é válida. Para isso, utilize um validador CSS baseado nas normas.
É possível formatar media queries e CSS aninhado?
Sim. Os blocos dentro de regras @media, @supports, @container, @layer e @keyframes recebem indentação de acordo com a profundidade. Os seletores aninhados modernos também são organizados sem alterar cadeias de texto ou argumentos de funções.