Saltar para o conteúdo

Formatar CSS

Formate e indente código CSS para deixá-lo legível, usando o motor do Prettier.

É processado no seu dispositivo. Nada é enviado para nenhum servidor.

Formate código CSS compacto ou mal indentado para deixá-lo legível, usando o motor de formatação do Prettier diretamente no seu navegador.

Usa o mesmo motor de formatação do Prettier para dar uma indentação e espaçamento consistentes ao CSS, incluindo regras aninhadas e múltiplos seletores.

Casos de uso

  • Formatar CSS minificado para poder lê-lo e editá-lo.
  • Preparar um trecho de CSS legível para documentação.
  • Revisar visualmente a estrutura de uma folha de estilos complexa.

Como funciona

  1. 1

    Cole seu CSS

    Digite ou cole o código CSS na caixa de entrada.

  2. 2

    Formate

    Clique em Formatar e copie ou baixe o resultado.

Perguntas frequentes

Suporta SCSS ou LESS?

O formatador é pensado para CSS padrão; a sintaxe específica de pré-processadores como SCSS ou LESS pode não ser formatada corretamente.

Programação