Saltar al contenido

Formatear CSS

Da formato e indenta código CSS para que sea legible, usando el motor de Prettier.

Se procesa en tu dispositivo. Nada se envía a ningún servidor.

Formatea código CSS compacto o mal indentado para que sea legible, usando el motor de formateo de Prettier directamente en tu navegador.

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. 1

    Pega tu CSS

    Escribe o pega el código CSS en el cuadro de entrada.

  2. 2

    Formatea

    Pulsa Formatear y copia o descarga el resultado.

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.
Desarrollo