ES
PortuguêsEnglishEspañol
Inicio Favoritos
Voltar

Formatear CSS (indentar y embellecer)

Formatea CSS minificado o desordenado en línea: una propiedad por línea, sangría de 2 o 4 espacios o tabulación, línea en blanco entre las reglas y selectores separados, para leer y editar el estilo de cualquier sitio.

Cómo usar

Pega tu CSS.

Disponible en: PortuguêsEspañolEnglish

Siguiente herramientaFormatear HTML (indentar y embellecer)→
Publicidad

Formatear CSS (indentar y embellecer): para qué sirve

Los archivos .min.css vienen en una sola línea para cargar rápido, pero así nadie puede leerlos. Pega el CSS y cada regla y cada propiedad tendrán su propia línea, con la sangría que elijas.

Hay opciones para una línea en blanco entre las reglas y para un selector por línea. Funciona también con la mayor parte de SCSS y Less. Para volver al archivo pequeño, usa la herramienta Minificar CSS.

Cómo usar

  1. Pega el CSS.
  2. Elige la sangría y las opciones.
  3. Copia o descarga el resultado.

Cuándo usar

  • Estudiar el estilo de un sitio.
  • Editar un CSS minificado.
  • Estandarizar la sangría de un proyecto.

Preguntas frecuentes

¿Sirve para CSS minificado?

Sí. Es el uso más común: el archivo .min.css viene todo en una sola línea, y la herramienta separa cada regla y cada propiedad para que puedas leerlo y editarlo.

¿Funciona con SCSS y Less?

En su mayoría, sí: las reglas anidadas, las variables y los mixins se indentan correctamente. Para comprobarlo, compara el resultado con el original antes de reemplazar el archivo.

¿Cómo vuelvo a dejar el CSS pequeño?

Usa la herramienta Minificar CSS, que hace el camino contrario: quita espacios, saltos de línea y comentarios para que el archivo cargue más rápido.

¿Es gratis de verdad?

Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.

Herramientas similares

¡Muchas gracias por ayudar!

Cada donación ayuda a mantener el sitio en línea. Las herramientas fueron hechas para ayudarte, pero tenemos gastos de servidores. Si puedes ayudar, ¡ayuda mucho! Elige o escribe el monto:

Pago seguro con Stripe. Se abre en otra pestaña.

Las herramientas se ofrecen tal como están, sin garantía. No nos responsabilizamos por los resultados ni por el uso que se hace de ellas.