Este formateador de código CSS utiliza un analizador que reconoce la sintaxis en lugar de separar el texto a ciegas por llaves y puntos y coma. Controla cadenas, comentarios, funciones, selectores de atributos y bloques anidados, de modo que la puntuación dentro de una URL o un valor entre comillas queda intacta.
Formatear CSS online
Funciona del todo en tu navegador: sin subir nada y sin registro.
CSS de entrada
CSS formateado
Pega CSS para formatearlo
¿Cómo formatear CSS online?
Un formateador CSS convierte una hoja de estilos minificada o con espacios irregulares en código legible, con sangría y saltos de línea coherentes. Pega el CSS, elige dos espacios, cuatro espacios o tabulaciones y copia o descarga el resultado. Todo se procesa en el navegador sin alterar comentarios, valores entre comillas, URL de datos ni el orden de las declaraciones.
Cómo se usa
- 1Pega el CSS. Añade al editor de entrada una hoja de estilos, un bloque de selectores o un fragmento de CSS minificado.
- 2Elige la sangría. Selecciona dos espacios, cuatro espacios o tabulaciones. El resultado se actualiza mientras escribes.
- 3Comprueba el estado. Revisa los recuentos de estructura o corrige el delimitador desparejado, comentario sin cerrar o cadena incompleta que se indique.
- 4Copia o descarga. Copia el CSS formateado al portapapeles o guárdalo como formatted.css.
Para quién es
- Desarrolladores frontend que necesitan expandir CSS de producción para revisarlo y depurarlo con comodidad.
- Personas que revisan código y quieren unificar la sangría antes de comparar una hoja copiada o un fragmento de un pull request.
- Estudiantes que buscan entender mejor las consultas de medios, los selectores y los bloques de declaraciones anidados.
- Equipos de soporte y control de calidad que limpian CSS del inspector antes de incluirlo en una incidencia o caso de prueba.
Preguntas frecuentes
¿Es gratis este formateador CSS?
Sí. Puedes formatear tanto CSS como permita la memoria de tu navegador. No necesitas una cuenta ni instalar nada, no hay cuotas de uso y el resultado aparece al instante.
¿Se sube mi CSS a un servidor?
No. El formateo se ejecuta de forma local en tu navegador. El CSS pegado permanece en el editor de la página y no se envía a ninguna API, por lo que también sirve para estilos de proyectos privados.
¿Cuánto CSS puedo formatear?
La herramienta no impone un límite de caracteres. Las hojas generadas de gran tamaño dependen de la memoria y potencia del dispositivo, pero los estilos habituales de sitios, componentes y correos se formatean al instante.
¿Formatear cambia el funcionamiento del CSS?
Solo cambia los espacios y saltos de línea. Mantiene selectores, declaraciones, comentarios, cadenas entre comillas y su orden. Aun así, revisa el código generado antes de publicarlo si emplea sintaxis experimental o escapes que dependan de espacios poco comunes.
¿La herramienta valida las propiedades CSS?
No. Comprueba que llaves, corchetes, paréntesis, comentarios y cadenas estén equilibrados. No verifica si cada propiedad, valor o función específica de un navegador es válida. Para eso necesitas un validador CSS basado en los estándares.
¿Puede formatear consultas de medios y CSS anidado?
Sí. Los bloques dentro de reglas @media, @supports, @container, @layer y @keyframes se sangran según su profundidad. Los selectores anidados modernos también se ordenan por niveles sin tocar cadenas ni argumentos de funciones.