Formatador CSS

CSS Formatter

CSS Cole código-fonte de até 256 KiB UTF-8. Nenhum código é executado. Escolha de 1 a 8 espaços ou tabulações. A opção é aplicada ao clicar em Formatar. CSS preserva a ordem de declarações e regras de fallback ao imprimir seletores, regras e valores analisados. Confira a folha na página de destino.

Processamento local

Reportar erro

Runtime de código local

Formatador CSS

Analisador para formatar; o código-fonte nunca é executado.

Tamanho do recuo

Pronto

Entrada de CSSTexto simples

CSS formatadoSomente leitura

Caminho da tarefa / da entrada ao resultado

Como formatar CSS

01
Cole seu CSS
CSS · Cole código-fonte de até 256 KiB UTF-8. Nenhum código é executado.
02
Escolha a indentação
Escolha de 1 a 8 espaços ou tabulações.
03
Formate com um analisador de verdade
CSS · Formate um trecho denso, revise o resultado e compare-o no ambiente de destino antes de reutilizá-lo.
04
Revise o resultado e as estatísticas
Compare os bytes UTF-8 de entrada e saída e a porcentagem economizada. Um valor negativo indica que o resultado cresceu; confira antes de copiar ou baixar.
05
Copie ou baixe o resultado
Sim. Ambos exportam o resultado UTF-8 visível. Alterar o código ou recuo invalida o resultado anterior; execute novamente antes de exportar.

Fatos da ferramenta

Processamento: No seu navegador
A entrada sai deste dispositivo: Nunca
Retenção: Nada é armazenado
Preço: Grátis

Sua entrada fica no navegador.

Formatador CSS usa seu caminho de execução local verificado e não cria um histórico oculto de entradas ou saídas.

Execução local

Roda dentro da aba atual do navegador.

Sem processamento oculto

Os dados ativos da ferramenta nunca viram um registro de documento do Toolars.

Não precisa de conta

Use o fluxo principal sem criar um perfil. Os favoritos sincronizam com sua conta depois que você entra.

Redefinição imediata

Limpe a aba e os dados de trabalho ativos desaparecem.

Quando Formatador CSS é útil

Revisões de código

Torne o código-fonte mais fácil de inspecionar antes de compartilhá-lo com outro desenvolvedor.

Artefatos de build

Crie HTML, CSS ou JavaScript compacto sem executar o código-fonte.

Trechos prontos para copiar

Formate um exemplo focado e leve-o direto para a documentação ou um editor.

O que Formatador CSS realmente faz

Um guia conciso sobre a transformação, seus limites e o resultado esperado.

Perguntas frequentes

Qual é o limite de tamanho?

A entrada é limitada a 256 KiB e a saída a 512 KiB. O Worker local tem cinco segundos para iniciar e mais cinco para executar; editar o código ou cancelar interrompe o trabalho.

A formatação muda como meu CSS funciona?

CSS preserva a ordem de declarações e regras de fallback ao imprimir seletores, regras e valores analisados. Confira a folha na página de destino.

Por que meu CSS foi rejeitado?

Isto é um analisador, não um organizador de texto: sintaxe quebrada, como uma chave não fechada ou um caractere perdido, interrompe a execução, e a linha de status indica a linha e a coluna do problema. Nenhuma saída é produzida a partir de entrada inválida, então uma folha parcial ou chutada nunca chega à sua área de transferência por acidente.

Posso usar tabulações ou indentação de oito espaços?

Escolha de 1 a 8 espaços ou tabulações. A opção é aplicada ao clicar em Formatar.

O que a linha de estatísticas me diz?

Esta linha mostra os bytes UTF-8 antes e depois da transformação e a diferença. Formatar pode aumentar o tamanho; os números não comprovam validade nem aparência idêntica.

Minha folha de estilos é enviada para algum lugar?

Não. O código-fonte é analisado dentro de um Worker local e nunca é executado, enviado ou salvo. A aceitação pelo analisador não é correção da aplicação nem compatibilidade com navegadores.

Tarefas relacionadas, não um beco sem saída.

Passe para outro espaço de trabalho focado sem voltar ao índice completo.

Área de trabalho URL

URL Workbench

Limpe listas URL protegendo links assinados, com motivos por linha, comparação de componentes e exportação de sitemap.

Editar

Explorador JSON

JSON Explorer

Consulte JSONPath, extraia campos e restaure registros JSON Pointer sem perder a precisão de números grandes.

Inspecionar

Validador JSON Schema

JSON Schema Validator

Valide Draft 7 ou 2020-12 localmente com caminhos de erro; infira esquemas a partir de várias amostras.

Inspecionar

Preparação de HTML

HTML Publishing

Limpe HTML colado preservando listas, links e semântica de tabelas, com prévia segura das alterações.

Publicar