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 usarPega tu CSS.
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
- Pega el CSS.
- Elige la sangría y las opciones.
- 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.