Formateador de CSS en línea
Pega tu CSS y luego formatéalo con sangría legible o minifícalo — completamente en tu navegador.
Pega tu CSS
Resultado
El formateo ocurre completamente en tu navegador — tu CSS nunca llega a nuestros servidores.
Los bloques @media y @supports se formatean de forma recursiva, con una sangría un nivel más profunda cada vez.
No se necesita cuenta y no hay límite en cuántas veces puedes usarlo.
¿Qué es un formateador de CSS?
Un formateador de CSS toma CSS minificado o desordenado y lo reformatea con sangría consistente y una declaración por línea, haciéndolo legible — útil al inspeccionar una hoja de estilos, limpiar una exportación de CMS o depurar una salida de compilación. Esta herramienta también minifica, así que la misma página cubre ambas tareas relacionadas.
Cómo formatear CSS en línea
- Pega o sube tu CSS. Pega directamente en el editor, o haz clic en "Subir un archivo" para cargar el contenido de un archivo .css.
- Elige un modo. Formatear para una sangría legible, o Minificar para eliminar comentarios y espacios en blanco.
- Haz clic en el botón de acción. El resultado aparece debajo.
- Copia o descarga. Copia el resultado a tu portapapeles, o descárgalo como archivo .css.
Preguntas frecuentes
¿Qué hace el formateador de CSS?
Reformatea el CSS con sangría consistente, una declaración por línea y espaciado normalizado después de los dos puntos — útil para una hoja de estilos minificada, una exportación de CMS o CSS que llegó como una única línea ilegible.
¿Maneja bloques @media y @supports anidados?
Sí — los bloques de reglas anidadas se sangran un nivel más profundo que las reglas que los rodean, de forma recursiva, de modo que un bloque @media que contiene varios selectores se formatea de forma limpia.
¿Puedo minificar CSS?
Sí. Cambia al modo Minificar para eliminar comentarios y espacios en blanco innecesarios, produciendo la versión más pequeña de tu CSS para uso en producción.
¿La minificación daña el contenido dentro de comillas, como content: "a: b;"?
No — los valores de cadena entre comillas (en propiedades content, referencias url() y similares) se protegen antes de la minificación y se restauran después intactos, por lo que los puntos y comas o dos puntos dentro de una cadena nunca se dañan.
¿Se sube mi CSS a algún lugar?
No. Esta herramienta funciona completamente en tu navegador — tu hoja de estilos nunca se envía a los servidores de CurePDF.
¿Es gratuito el formateador de CSS?
Sí, no se necesita cuenta y no hay límite en cuántas veces puedes usarlo.