ES

Formatear CSS

Haz legible el CSS minificado o desordenado: un selector y una propiedad por línea, espaciado coherente y media queries anidadas con una sangría clara.

Gratis y privado. Todo funciona en tu navegador y no se sube nada.

Cómo funciona

  1. Pega tu CSSPega el código, escríbelo o abre un archivo. Pulsa Ejemplo para ver cómo funciona.
  2. Revisa el resultadoEl resultado aparece a la derecha mientras escribes. Los errores se muestran con la línea y la columna.
  3. Copia o descargaCopia el CSS con un clic o descárgalo como archivo.

Entiende cualquier hoja de estilo

Las hojas de estilo copiadas de un sitio publicado suelen estar minificadas en una sola línea. Al formatearlas se dividen en reglas que puedes recorrer rápido, con las listas de selectores en líneas separadas y líneas en blanco entre reglas.

Las cadenas, los valores url() y los data URI se dejan exactamente como están, aunque contengan llaves o puntos y coma.

Elige 2 espacios, 4 espacios o tabuladores para que coincida con el estilo de tu proyecto antes de pegar el resultado.

Sobre CSS

CSS controla el aspecto de las páginas. El CSS embellecido pone cada regla y cada propiedad en su propia línea; el CSS minificado quita todo lo que el navegador no necesita y mantiene intactos valores como calc(1px + 2px).

Preguntas frecuentes

¿Se conservan los comentarios?

Sí, al embellecer se conservan todos los comentarios. Al minificar se quitan, salvo los que empiezan por /*! y que suelen contener avisos de licencia.

¿Mi código se sube a algún sitio?

No. El formateo y la minificación se hacen en tu navegador. Tu código no se envía a nuestros servidores.

¿Minificar cambia el nombre de mis variables?

No. Minificar solo quita comentarios, saltos de línea y espacios. Los nombres siguen siendo legibles y el código funciona exactamente igual, así que es seguro para cualquier archivo.

¿Por qué se conservan algunos saltos de línea en el JavaScript minificado?

JavaScript interpreta algunos saltos de línea como el final de una instrucción. Cuando quitar uno podría cambiar lo que hace el código, se conserva.

¿Puedo formatear JSON aquí?

JSON tiene su propia herramienta, con vista de árbol y validación. Usa la página de herramientas JSON que aparece más abajo.

¿Funciona sin conexión?

Sí. Después de abrir la página una vez, sigue funcionando sin conexión a internet.