Como formatar código nesta página?
Cole o código no editor à esquerda ou carregue um arquivo, escolha as opções necessárias e clique em Formatar. Confira o resultado à direita e depois copie ou salve.
O formatador de CSS transforma folhas de estilo minificadas ou com espaçamento irregular em CSS legível, com recuo consistente para chaves, seletores, declarações, media queries e regras aninhadas.
Escolha tabulações ou espaços, coloque as chaves de abertura na mesma linha ou em uma linha própria, divida listas de seletores e controle o espaçamento entre regras. Strings, propriedades personalizadas, comentários, funções e URLs de dados são analisados sem substituições destrutivas por expressões regulares.
Minificar remove espaços em branco desnecessários do CSS sem reestruturar as regras. Otimizar e minificar também pode combinar e reorganizar CSS compatível para gerar um resultado menor. A formatação e a compactação do CSS são executadas localmente no navegador. Use o Formatador SCSS para variáveis, aninhamento, mixinas, funções e outras sintaxes SCSS.
Cole o código no editor à esquerda ou carregue um arquivo, escolha as opções necessárias e clique em Formatar. Confira o resultado à direita e depois copie ou salve.
A entrada deve corresponder à linguagem ou sintaxe selecionada. Verifique instruções incompletas, parênteses ou aspas sem fechamento e um dialeto ou modo incompatível, depois tente novamente.
Um formatador reconhece tokens e estruturas aninhadas da linguagem e reorganiza recuo, espaços e quebras de linha segundo regras consistentes. Ele não compila nem executa o programa, portanto não substitui uma verificação de correção ou segurança.
2 espaços, chaves de abertura na mesma linha, seletores separados e espaço entre regras são convenções Web comuns. Controle recuo, estilo de chaves e quebras de seletores e regras; depois escolha formatação, minificação apenas de espaços ou otimização mais forte de CSS válido.