Formateador CSS
Embellece y ordena CSS desordenado o minificado en tu navegador.
Ejemplos
Embellecer CSS minificado
Entrada
.btn{color:#fff;background:#000;padding:8px 16px;}Salida
.btn {
color: #fff;
background: #000;
padding: 8px 16px;
}Ordenar un espaciado inconsistente
Entrada
a{color:blue;} a:hover{color:red;}Salida
a {
color: blue;
}
a:hover {
color: red;
}Acerca de esta herramienta
Este formateador de CSS online y gratuito convierte hojas de estilo desordenadas o minificadas en CSS limpio y bien sangrado — una herramienta rápida de embellecer e imprimir CSS de forma legible. Pega tu CSS, elige un estilo de sangría y el resultado formateado aparece al instante. Todo se ejecuta en tu navegador sin subir nada, así que tu código nunca sale de tu dispositivo.
Cómo se usa
- Pega tu CSS en el cuadro de entrada (pulsa Ejemplo para probar).
- Elige una sangría de 2 espacios, 4 espacios o una tabulación.
- Lee el CSS embellecido en el cuadro de salida de la derecha.
- Copia el resultado con el botón Copiar.
Cuándo usar un formateador de CSS
Reformatear ayuda cuando copias CSS comprimido de un bundle compilado, heredas una hoja de estilo con espaciado inconsistente o quieres leer una regla antes de editarla. Una sangría consistente hace obvios los selectores y el anidamiento y mantiene los diffs limpios.
Preguntas frecuentes
¿Este formateador de CSS es gratis?
Sí — es un formateador y embellecedor de CSS online totalmente gratuito, sin registro ni límites. Formatea y sangra todo el CSS que quieras.
¿Se sube mi CSS a un servidor?
No. Es una herramienta sin subida — tu CSS se formatea completamente en tu navegador, así que el código nunca sale de tu dispositivo. Seguro para hojas de estilo privadas o internas.
¿Qué hace el embellecedor de CSS?
Pone cada regla y declaración en su propia línea, normaliza el espaciado alrededor de llaves, dos puntos y punto y coma, y vuelve a sangrar todo, de modo que el CSS minificado o desordenado queda legible.
¿Puedo elegir la sangría?
Sí — elige 2 espacios, 4 espacios o tabulaciones. Tu elección se recuerda en el navegador para la próxima vez.
¿Funciona con SCSS o Less?
Maneja bien la mayoría de la sintaxis SCSS y Less para sangrar y ordenar, ya que la estructura es similar a CSS. Formatea en lugar de compilar — no expande anidamientos ni variables.
¿Expande CSS minificado?
Sí. Pega una hoja de estilo de una sola línea o minificada y la expande de nuevo a un conjunto de reglas legible y bien sangrado.
¿Funciona sin conexión y en el móvil?
Una vez cargada la página funciona localmente, así que sigue trabajando con una conexión inestable, y el diseño es totalmente adaptable en teléfonos y tabletas.
Herramientas relacionadas
Formateador JSON
Formatea, valida y embellece JSON al instante en tu navegador.
Formateador HTML
Embellece e indenta HTML desordenado o minificado en tu navegador.
Formateador JavaScript
Embellece e indenta JavaScript minificado o desordenado en tu navegador.
Formateador SQL
Formatea consultas SQL con las palabras clave en mayúsculas.