109 · Ferramentas para desenvolvedores

Formatador CSS

Cole CSS reduzido ou confuso para obter uma propriedade por linha e limpar o recuo.

Executa no seu navegador

Seus dados: Esta ferramenta processa sua entrada neste navegador. CapyHelp não carrega essa entrada para gerar seu resultado. Detalhes de privacidade

Seu texto

Recuo

CSS formatado

Como usar o formatador css

Cole seu CSS.
Escolha o recuo.
Copie o CSS formatado.

O que muda

Cada regra recebe seu próprio bloco, cada declaração sua própria linha e os seletores separados por vírgulas ficam em linhas separadas. Blocos aninhados como @media estão recuados. Cordas e url() os valores nunca são divididos, mesmo que contenham ponto e vírgula.

Exemplos

.cartão{display:flex;gap:12px}

.cartão {exibição:flex; lacuna: 12px; }

@mídia (largura máxima: 600px){…}

Bloco de mídia recuado

Perguntas

Os comentários são mantidos?

Comentários normais são removidos durante a formatação. Comentários começando com /*! (notas de licença) são mantidas.

Meus dados foram carregados?

Não. Tudo é executado no seu navegador, então o que você cola nunca sai do seu dispositivo.

Tradução automática. Revise resultados importantes.