Formateador CSS
Limpie CSS desordenado o minificado con indentación y estructura consistentes.
Entrada
1
Salida
1
Formateador CSS
Esta herramienta embellece el código CSS con indentación correcta y formato consistente.
La operación se ejecuta localmente en su navegador. Sus datos nunca se cargan ni almacenan en un servidor.
Cómo usar
- Pegue su código CSS en el editor de entrada.
- Haga clic en Embellecer CSS.
- El CSS embellecido aparece con indentación correcta.
- Use Copiar para el portapapeles, Descargar para un archivo, o Limpiar para reiniciar.
¿Qué es el embellecimiento CSS?
El embellecimiento CSS agrega indentación y hace el código legible.
El embellecimiento CSS es esencial para depurar y colaborar.
Notas de entrada
La herramienta acepta cualquier entrada CSS.
Ejemplo
El CSS minificado se vuelve legible después del embellecimiento:
--- Minified Input ---
body{margin:0;padding:0;font-size:16px;}.container{max-width:1200px;}
--- Beautified Output ---
body {
margin: 0;
padding: 0;
font-size: 16px;
}
.container {
max-width: 1200px;
}