Formatador CSS

Formate código e encontre erros de sintaxe.

No seu dispositivo · Sem conta

Formatador CSS processa os dados que você informa neste navegador. Os dados informados e os resultados ficam fora da análise de uso. As ferramentas recentes salvam nomes de ferramentas, número de visitas e horários da última visita. As ferramentas salvas armazenam apenas seus nomes. Salvar rascunhos é opcional, e eles ficam neste dispositivo; exclua o texto salvo pelos controles de rascunho. Carregar texto de uma URL é opcional e acessa o servidor correspondente; esse servidor pode ver a URL e seu endereço IP. A ação opcional “Usar em” mantém nesta aba os dados a transferir. A próxima ferramenta os remove ao abrir e os ignora se tiver passado mais de um minuto.

“Copiar link” inclui no endereço os dados que você escolher compartilhar. Qualquer pessoa com esse link pode reabri-los. Arquivos e resultados gerados ficam de fora. Ferramentas de senhas e chaves compartilham apenas as configurações.

Português

Seu código

Opções e arquivo local

Indentação

Abrir um arquivo de texto deste dispositivo

As configurações opcionais valem apenas para esta aba.

Seu resultado

Salvar um rascunho neste dispositivo

Salvar alterações neste rascunho

O salvamento está desativado. Qualquer pessoa que use este perfil do navegador pode ler um rascunho salvo. Nada é enviado.

Mais

Atalhos de teclado

Sobre links e redefinição

Os links incluem os dados que você inseriu e as configurações. Qualquer pessoa com o link pode vê-los, então não inclua textos privados. Arquivos e resultados gerados não são incluídos; os sorteios são feitos novamente.

Reiniciar recarrega a ferramenta com os valores iniciais e libera os arquivos abertos e os controles de dispositivos. Os rascunhos salvos ficam neste dispositivo até você excluí-los.

Como funciona o formatador CSS

Cole o CSS para formatá-lo com o analisador sintático do Prettier 3.9.8 incluído na ferramenta. A saída passa por uma nova análise sintática e uma verificação de estabilidade da formatação antes de liberar as opções Copiar e Baixar.

A seguir: Formatador de JavaScript

A seguir: Formatador de HTML

Exemplo

Por exemplo, a{color:red} vira um documento CSS com espaçamento consistente. Delimitadores ou aspas sem fechamento geram um erro de sintaxe, e o código original continua disponível para correção.

Antes de usar o resultado

A formatação CSS preserva declarações e comentários. Ela não verifica se uma propriedade é compatível com um navegador específico. Este formatador não minifica o código; remover espaços em branco sem um minificador que reconheça a linguagem pode alterar o significado.

Atualizado 7 de outubro de 2026

Como citar esta página

Estilo de citação

ToolOctopus. “Formatador CSS.” Atualizado 7 de outubro de 2026. https://tooloctopus.com/pt/formatador-css.

Inclua a data de acesso se as suas instruções exigirem.

As citações são formatadas com citeproc-js, de Frank Bennett, e estilos da Citation Style Language. Licença e código-fonte.