Formatear CSS
¿Descargaste una hoja de estilos minificada (todo en una sola línea) o copiaste CSS generado por una herramienta en línea? Pégalo aquí para obtener una versión legible, una declaración por línea. Formateador básico (sangría por bloque): no reordena las propiedades, no valida la sintaxis y no fusiona reglas duplicadas.
Cómo funciona
Pega tu CSS minificado o compacto y haz clic en «Formatear»: la herramienta coloca la llave de apertura al final de la línea del selector, pone cada declaración (propiedad: valor) en su propia línea, aplica una sangría de 2 espacios por nivel (las reglas anidadas como @media se gestionan correctamente) y aísla la llave de cierre en su propia línea.
¿Por qué mis comentarios CSS aparecen colocados de forma extraña?
La herramienta conserva el contenido de los comentarios <code>/* ... */</code> pero no los reposiciona de forma inteligente respecto a las declaraciones que los rodean: permanecen anclados en el lugar donde aparecían en el código fuente original.
¿El formateo cambia el comportamiento de mi CSS?
No. Solo se modifica la presentación del código (espacios, saltos de línea, sangría). Los selectores, propiedades y valores permanecen estrictamente idénticos.
El formateo se ejecuta 100% localmente en tu navegador mediante WebAssembly: tu código CSS nunca se envía a un servidor.