Maneja correctamente todas las construcciones CSS: selectores, bloques de reglas, at-rules (@media, @keyframes, @supports), comentarios y reglas anidadas con la indentación adecuada.
La salida está codificada por colores: selectores, nombres de propiedades, valores, at-rules, comentarios, propiedades personalizadas de CSS y literales de color son todos visualmente distintos, lo que facilita escanear el código formateado.
El botón Minificar elimina todos los espacios en blanco, comentarios y punto y coma innecesarios de tu CSS, ideal para comprobar lo que producirá un empaquetador o para minificar rápidamente fragmentos pequeños.
Todo el formateo de CSS ocurre por completo en tu navegador. No se envía nada a ningún servidor. Tu código permanece privado y la herramienta funciona sin conexión.
Un formateador de CSS toma CSS sin procesar o minificado y lo reformatea con indentación, espaciado y saltos de línea coherentes para facilitar su lectura. No cambia cómo se aplican los estilos, solo su estructura visual para los desarrolladores.
No. Los navegadores analizan el CSS de la misma forma tanto si está minificado como si está bien indentado. Solo cambia la experiencia del desarrollador. El CSS formateado es mucho más fácil de leer, depurar y mantener.
Sí. Las propiedades personalizadas de CSS como --primary-color: #00e5b8 se manejan correctamente y se resaltan con un color distinto en la salida.
Sí. Todas las at-rules, incluidas @media, @keyframes, @supports, @import y @font-face, son compatibles. Las reglas anidadas se indentan un nivel adicional automáticamente.
La minificación de CSS elimina todos los espacios en blanco y comentarios innecesarios para reducir el tamaño del archivo, mejorando la velocidad de carga de la página. El botón Minificar de esta herramienta te permite previsualizar la salida minificada antes de desplegar.