Ir para a ferramenta
JoeLucky

Clique em ★ para salvar uma ferramenta

Categorias de ferramentas

Codificador/decodificador Base64Visualizador de árvore JSONPOPULARDecodificador JWTGerador de UUIDCodificador/decodificador de URLJSON para CSVCSV para JSONJSON para YAMLYAML para JSONJSON para XMLXML para JSONCSV para YAMLYAML para CSVFormatador JSONFormatador YAMLFormatador XMLFormatador HTMLFormatador CSSTestador de regexGerador de hashAnalisador de CronCodificador/decodificador de entidades HTMLConversor de bases numéricasAnalisador de URLVisualizador e validador de CSVPré-visualização de MarkdownFormatador SQLEditor Mermaid ao vivoCalculadora de custo de API de LLMNOVOCalculadora de VRAM para LLMNOVOVisualizador de chunks RAGNOVOCusto de armazenamento na nuvem (S3, R2, B2)NOVOCalculadora de disponibilidade SLANOVO
JoeLucky

Ferramentas online práticas, todas em um só lugar

Política de PrivacidadeTermos de Uso

© 2026 JoeLucky®. Todos os direitos reservados.

  1. JoeLucky
  2. /Desenvolvimento
  3. /Formatador CSS

Formatador CSS

Formate folhas de estilo CSS com recuo limpo, incluindo regras aninhadas e media queries.

0 / 500,000 car.

A formatação roda inteiramente no seu navegador: o código que você cola ou envia aqui nunca é enviado a nenhum servidor.

DESENVOLVIMENTO SEMELHANTES

Ver todas
Codificador/decodificador Base64

Converta rapidamente entre texto e Base64.

Abrir →
Visualizador de árvore JSON

Explore estruturas JSON aninhadas e encontre erros de sintaxe.

Abrir →
Decodificador JWT

Decodifique um JWT para ler o cabeçalho, o payload e a validade. Apenas decodifica: a assinatura não é verificada.

💬 Comentários

?

Ainda não há comentários. Seja o primeiro!

O QUE É Formatador CSS?

Formate CSS com indentação limpa para at-rules aninhadas, media queries, keyframes e propriedades personalizadas.

Como usar?

  1. Cole ou envie seu CSS.
  2. Escolha uma indentação (2 ou 4 espaços, ou tabulação).
  3. Clique em Formatar e copie o resultado.

Perguntas frequentes

Há suporte à sintaxe SCSS ou Less?

Não — esta ferramenta formata apenas CSS padrão e não afirma oferecer suporte à sintaxe específica de SCSS/Less (como seletores aninhados ou interpolação de variáveis), para evitar uma saída incorreta.

Media queries e keyframes são formatados corretamente?

Sim — at-rules aninhadas (como @media, @keyframes) e propriedades personalizadas de CSS (--variable) são todas reconhecidas corretamente e recebem indentação clara.

O que acontece quando o CSS tem um erro de sintaxe?

Uma mensagem de erro clara é exibida (ex.: “bloco não fechado”) e sua entrada original é preservada — a ferramenta nunca tenta adivinhar nem corrigir silenciosamente a sua folha de estilos.

Abrir →