Formatear CSS
Formatea código CSS compacto o mal indentado para que sea legible, usando el motor de formateo de Prettier directamente en tu navegador.
Se procesa en tu dispositivo. Nada se envía a ningún servidor.
Usa el mismo motor de formateo que Prettier para dar una indentación y espaciado consistentes al CSS, incluyendo reglas anidadas y selectores múltiples.
Casos de uso
- Formatear CSS minificado para poder leerlo y editarlo.
- Preparar un fragmento de CSS legible para documentación.
- Revisar visualmente la estructura de una hoja de estilos compleja.
Cómo funciona
- 1
Pega tu CSS
Escribe o pega el código CSS en el cuadro de entrada.
- 2
Formatea
Pulsa Formatear y copia o descarga el resultado.
Detalles técnicos
- Aplica las opciones por defecto de Prettier: sangría de 2 espacios, una declaración por línea y cada selector de una lista en su propia línea.
- Normaliza detalles de estilo, como las comillas dobles o las mayúsculas en colores hexadecimales, sin cambiar lo que hace el CSS.
- Si el CSS tiene un error de sintaxis (por ejemplo, una llave sin cerrar), verás un error en lugar de un resultado a medias.
Preguntas frecuentes
¿Soporta SCSS o LESS?
El formateador está pensado para CSS estándar; la sintaxis específica de preprocesadores como SCSS o LESS puede no formatearse correctamente.