Formateador CSS

Formatea reglas CSS con indentación legible.

Entrada

Salida

Cuándo usar Formateador CSS

Organizar CSS pegado de una sola línea
Preparar hojas de estilo para revisión
Hacer legibles reglas anidadas

Ejemplo

Entrada

.card{width:calc(100% - 2rem);content:"a;b"}

Salida

.card {
  width: calc(100% - 2rem);
  content: "a;b";
}

Ventajas

Gratis en el navegador
Sin instalación ni registro
Resultados al instante en tu dispositivo
Formatear no valida la sintaxis. Usa el compilador para probar estilos en vivo.

Herramientas relacionadas