Informe o conteúdo
Informe o CSS.
Formatar CSS
Organize folhas de estilo para facilitar a leitura.
Usar formatar cssProcessamento no seu navegador · Sem cadastro
Configure e execute
Escolha a indentação.
Confira e copie ou baixe
Formate e confira antes de usar.
Antes de começar
Formatação não garante que uma regra tenha o efeito visual desejado. URLs e imports não são buscados.
Formatação não garante que uma regra tenha o efeito visual desejado. URLs e imports não são buscados.
UM EXEMPLO PARA SAIR DO ZERO
Quando usar formatar css
Organize uma folha de estilos para revisar regras e seletores. A formatação melhora a leitura sem buscar URLs, fontes ou imports da entrada.
p{color:blue;margin:0}Regras CSS organizadas conforme a indentação escolhida.
Exemplo ilustrativo com dados fictícios. Seus arquivos não são lidos nesta página.
Escolha a configuração certa
Mantenha uma cópia da versão anterior e compare as alterações antes de usar em produção. A formatação não substitui a revisão da cascata.
Confira antes de usar
Teste o visual no site que utiliza o CSS. Seletores válidos podem não alcançar o elemento esperado.
O resultado não é o que eu esperava. O que conferir?
Se uma regra não funciona, confira especificidade e estrutura HTML. Um formatador não decide qual estilo deveria vencer na página.
Pronto para fazer com seu arquivo?Abrir formatar css →
Uma tarefa, sem etapas desnecessárias
Cole o conteúdo ou use um exemplo. Configure as opções, execute e confira o resultado antes de copiar ou baixar. Há limites de texto, profundidade, saída e tempo. Os componentes são carregados só quando necessários.
Como seu conteúdo é tratado
Esta ferramenta trabalha no navegador. O conteúdo do arquivo não é enviado ao servidor para realizar a conversão. Ao limpar a área ou sair, o resultado não fica salvo em uma conta da HubAdm. As páginas de trabalho não carregam publicidade. Conheça nossa política de privacidade.
Veja também: Formatar código online e comparar textos