Formateador de CSS
Pega CSS, CSS plano compatible con SCSS o una hoja de estilos minificada y obtén una declaración por línea con un espaciado coherente.
Sobre esta herramienta
Las hojas de estilo de producción se minifican para ahorrar bytes, lo que hace penoso depurar una regla concreta. Embellecerlas coloca cada selector y cada declaración en su propia línea, normaliza el espaciado alrededor de dos puntos y llaves, y mantiene legibles las media queries y las reglas anidadas. Prettier también unifica en minúsculas los colores hexadecimales y las unidades.
El formateador acepta CSS estándar, incluidas las propiedades personalizadas, el anidamiento, las container queries y las reglas de capa. No cambia el significado de ninguna regla; solo toca los espacios y el formato. Combínalo con el Minificador de CSS cuando necesites publicar el resultado.
Preguntas frecuentes
- ¿Reordenará mis propiedades?
- No. El orden se conserva exactamente; solo cambian los espacios y las mayúsculas de los valores hexadecimales.
- ¿Es compatible con SCSS o LESS?
- El CSS plano es totalmente compatible. La mayor parte de la sintaxis SCSS también se analiza, pero los mixins y las funciones pueden dar error.
- ¿Puedo usar una sangría de cuatro espacios?
- Sí, elige 4 espacios o tabulaciones en el menú Sangría.