TL
Tool Lab
💰Donar
💰Donar

CSS Formatter

Format, beautify, and minify CSS

Entrada
Salida
Acerca de esta herramienta
El Formateador de CSS convierte CSS comprimido o ilegible en hojas de estilo limpias y correctamente indentadas. Maneja todas las funciones estándar de CSS incluyendo media queries, pseudo-clases, animaciones keyframe, propiedades personalizadas y selectores anidados.
El modo minify elimina todos los comentarios y espacios innecesarios, produciendo el CSS más compacto posible para producción. Todo el procesamiento ocurre localmente en tu navegador.
Cómo usar
  1. Pega tu CSS en el panel de entrada a la izquierda.
  2. Selecciona la indentación preferida (2 o 4 espacios).
  3. Haz clic en Formatear para embellecer, o en Minificar para comprimir.
  4. Haz clic en Copiar para copiar el resultado al portapapeles.
Casos de uso
Los desarrolladores frontend usan esta herramienta para formatear CSS copiado de DevTools, hojas de estilo legacy o exportaciones de sistemas de diseño. La función de minificación reduce el tamaño del bundle CSS en un 30–50%.
Preguntas frecuentes
  • ¿Soporta SCSS/LESS? — Esta herramienta solo formatea CSS estándar. Para SCSS o LESS, usa un formateador de preprocesador dedicado.
  • ¿Se preservan los comentarios? — Durante el formateo, los comentarios se preservan. El modo minify elimina todos los comentarios para reducir el tamaño.
  • ¿Están mis datos seguros? — Todo el procesamiento es local en tu navegador. Ningún CSS se transmite a ningún servidor.