Formateador CSS
Formatea e indenta código CSS con una estructura limpia y legible en tu navegador.
Esta herramienta se ejecuta completamente en tu navegador. Tus archivos nunca se suben a un servidor.
body {
color:#222;
margin:0
}
a {
color:blue
}Qué hace este formateador
Reorganiza texto similar a CSS con saltos tras llaves de apertura, llaves de cierre y puntos y coma, y aplica sangría de dos espacios dentro de cada nivel. Ofrece una vista rápida y un control para copiar la salida.
Cómo usarlo
Pega CSS en el editor y el resultado se actualiza al instante. Copia la salida cuando esté lista o usa Reset para vaciar el editor; Reset no recupera el ejemplo inicial.
Comportamiento de formato
Fuera de cadenas entre comillas y comentarios, reduce secuencias de espacios y divide declaraciones tras los puntos y coma. Conserva contenido citado, escapes, comentarios de bloque y comentarios de línea // reconocidos mientras las llaves cambian la profundidad.
Límite importante del análisis
Es un formateador ligero basado en caracteres, no un parser, validador, linter ni prueba de conformidad CSS. No normaliza espacios alrededor de dos puntos, ordena propiedades, expande abreviaturas, añade puntuación ausente ni informa de llaves sin pareja o declaraciones inválidas.
Flujo de revisión seguro
Aunque busca cambiar solo la presentación, una entrada mal formada, escapes inusuales, URL de datos, sintaxis especial o comentarios no estándar pueden dar resultados inesperados. Revisa y prueba la hoja antes de producción y conserva el original.
Privacidad
El procesamiento se realiza localmente en el navegador. La herramienta no sube el CSS pegado.
Preguntas Frecuentes
- ¿Qué hace Formateador CSS?
- Formatea e indenta código CSS con una estructura limpia y legible en tu navegador.
- ¿Cambia esta herramienta CSS el comportamiento?
- Solo cambia el diseño o espacios eliminables. Revisa la salida minificada si el código usa sintaxis inusual.
- ¿Se sube mi código?
- El procesamiento es local y tu código nunca se sube.