Procesamiento local

HERRAMIENTAS PARA DEVELOPERS

Formatear CSS

Pega una hoja de estilos comprimida y recupérala con una regla por línea y sangría consistente.

Usar herramienta

EDITOR DE CÓDIGO

Formateador CSS

Procesamiento local · motor profesional · sin enviar tu código

CSS · listo para procesar
CSSentrada.css
0 líneasCSS
CSSformateado.cssVista previa
0 líneasSolo lecturaCSS

El escenario típico

Necesitas entender por qué un elemento se ve raro en producción y lo único que tienes es un CSS servido en una sola línea de treinta mil caracteres. Reindentarlo lo convierte en algo que puedes leer, buscar y comparar.

Solo cambia el formato, nunca la cascada

El orden de las reglas se conserva intacto, y eso es lo importante en CSS: la especificidad y el orden de aparición deciden qué gana. La herramienta no reordena ni agrupa selectores, solo cambia dónde caen los espacios y los saltos.

Un paso previo útil antes de comparar

Si vas a enfrentar dos versiones de una hoja de estilos, formatéalas primero las dos. Un CSS minificado frente a uno indentado produce un diff completamente inútil aunque el contenido sea casi idéntico.

PREGUNTAS FRECUENTES

¿Se sube mi hoja de estilos a algún servidor?

No. Se procesa en tu navegador, así que puedes formatear CSS de un proyecto privado sin que salga de tu equipo.

¿Cambia cómo se ve la página?

No. Solo se modifican espacios, sangría y saltos de línea; la cascada y la especificidad quedan igual.

¿Admite SCSS o LESS?

Está pensado para CSS estándar. Con preprocesadores el resultado puede no ser correcto.

¿Agrupa o reordena selectores?

No, y es deliberado: reordenar reglas en CSS puede cambiar el resultado visual.