Categoría: Desarrollo
Formateador de CSS
Formatea o minifica CSS localmente con sangría de 2 o 4 espacios
Pega CSS para darle formato con sangría de 2 o 4 espacios, o minifícalo al resultado más pequeño y seguro. Los comentarios se conservan al formatear. Funciona completamente en tu navegador.
Formateado en tu navegador.
.tool-panel {
display:grid;
gap:16px;
padding:16px
}
/* accent border */
.tool-panel .tool-output {
border:1px solid var(--line);
border-radius:8px
}Todo lo de esta página se procesa en tu navegador. No se sube nada.
Para qué sirve
Un formateador de CSS reindenta reglas y declaraciones para que los selectores anidados y las media queries sean fáciles de leer, mientras que un minificador elimina comentarios y espacios innecesarios para reducir el tamaño de una hoja de estilos en producción. Esta herramienta solo reorganiza los espacios y nunca evalúa ni ejecuta el CSS que recibe.
Cómo se usa
- Pega tu CSS en el cuadro de entrada, o carga el ejemplo.
- Elige Formatear para un resultado legible o Minificar para el tamaño más pequeño.
- Copia el resultado; el resultado formateado también te permite elegir sangría de 2 o 4 espacios.
Privacidad
Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.
Preguntas frecuentes
- ¿Se sube mi CSS a algún sitio?
- No. Formatear y minificar ocurre con JavaScript que se ejecuta en la página, así que tu hoja de estilos nunca sale de tu dispositivo.
- ¿Se conservan los comentarios?
- El resultado formateado mantiene los comentarios en su propia línea; el resultado minificado los elimina, igual que hacen la mayoría de las herramientas de compilación en producción.
- ¿Valida el CSS?
- No. Solo reorganiza espacios y sangría, así que no detectará errores tipográficos en nombres de propiedades ni valores inválidos.