Embelezador e minificador de CSS
Formata CSS com indentação consistente.
Embelezador e minificador de CSS
Como usar Embelezador e minificador de CSS
CSS beautifier formats a stylesheet so each rule and declaration sits on its own line with consistent indentation from 1 to 8 spaces. It adds missing semicolons, puts a space after colons and lowercases hex colors. Comments and nested rules are kept. Unparseable CSS returns an error rather than partially formatted output.
- Cole a fonte no editor de entrada ou carregue o exemplo integrado.
- Configure os espaços de indentação.
- Execute o embelezador e minificador de CSS, revise a saída e use os controles disponíveis para copiar ou baixar.
O que esta ferramenta suporta
Formata CSS com indentação consistente.
- Espaços de indentação
- Range: 1 to 8
Limites e processamento
As operações de texto aceitam geralmente até 2,000,000 caracteres. Analisadores, geradores e fórmulas individuais aplicam limites adicionais mostrados pelos seus controles.
Fonte de exemplo
.card{padding:20px;color:#17243a}Perguntas frequentes
How do I beautify minified CSS?
Paste the compressed stylesheet and run the tool. Each selector block is expanded so every declaration is on its own line, indented by the number of spaces you set, from 1 to 8.
Does the CSS beautifier keep my comments?
Yes. Comments are kept in the formatted output, and nested rules stay nested. Hex color values are written in lowercase, so #17243A becomes #17243a.
Can this tool minify CSS?
This tool formats CSS for readability; it does not produce minified output. Its only setting is the indent size, which accepts 1 to 8 spaces.
Onde minha entrada é processada?
Esta operação processa sua fonte no seu navegador. Copiar e baixar são ações explícitas; a entrada de origem não é salva em conta nem em histórico.
Quais são os limites de entrada?
As operações de texto aceitam geralmente até 2,000,000 caracteres. Analisadores, geradores e fórmulas individuais aplicam limites adicionais mostrados pelos seus controles.