Desminificar CSS en línea — Formateador CSS

Desminifica CSS comprimido al instante. Restaura un formato legible — procesamiento en el navegador.

Cargando…
Desminificación CSS
Desminificar CSS comprimido en línea. Restaurar formato legible para depurar estilos en producción.

Funcionalidades

Restaure la legibilidad de tu código CSS minificado añadiendo espacios y saltos de línea.

Desminificar

Restaure la legibilidad de tu código CSS minificado añadiendo espacios y saltos de línea.

Paquete utilizado

CSSOv5.0.5

CSSO (CSS Optimizer) es una herramienta potente para optimizar archivos CSS eliminando redundancias y comprimiendo el código.

Ejemplo básico

CSS minificado

.container{margin:20px;padding:10px;background-color:#fff}.button{color:#000;font-size:16px;border:1px solid #ccc}.card{display:flex;flex-direction:column;gap:12px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12)}

CSS formateado

.container { margin:20px; padding:10px; background-color:#fff; } .button { color:#000; font-size:16px; border:1px solid #ccc; } .card { display:flex; flex-direction:column; gap:12px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.12); }
Guía de optimización de CSS

Opciones de minificación

Opciones de Embellecer
Opciones de indentación para Embellecer y Desminificar (no utilizadas por Minificar)

Tamaño de indentación

Define el número de espacios o tabulaciones para la indentación durante Embellecer y Desminificar

Código original
.header{color:red;padding:10px}
Con 2 espacios
.header { color: red; padding: 10px; }
Con 4 espacios
.header { color: red; padding: 10px; }
Diferencia
Embellecer y Desminificar utilizan los controles de indentación de la barra de herramientas. Minificar los ignora.

Tipo de indentación

Usa espacios o tabulaciones para la indentación durante Embellecer y Desminificar

Código original
.header{color:red;padding:10px}
Con espacios
.header { color: red; padding: 10px; }
Con tabulaciones
.header { color: red; padding: 10px; }
Diferencia
Los espacios son más estándar; las tabulaciones pueden preferirse según sus convenciones de código.

Cómo desminificar CSS en línea

La desminificación CSS restaura un formato legible a las hojas de estilo comprimidas. Pegue cualquier CSS minificado en nuestra herramienta para añadir indentación, saltos de línea y organizar selectores. Es esencial para depurar hojas de estilo en producción, revisar frameworks CSS de terceros o entender estilos de proveedores.

Embellecer CSS — Formatear sus hojas de estilo

Nuestro embellecedor CSS aplica reglas de formato coherentes a sus hojas de estilo — indentación estandarizada, orden de propiedades y formato limpio de selectores. Ya sea que tu CSS provenga de un proceso de build, de un minificador o de otro desarrollador, el embellecimiento lo deja limpio y mantenible.

Preguntas frecuentes — Desminificar

Todo sobre la desminificación

¿Cómo desminifico CSS?

Pegue CSS minificado y haga clic en Desminificar. Se restauran la indentación y los saltos de línea para depuración.

¿Necesita embellecer en lugar de desminificar?

Para CSS ya legible, utilice el embellecedor CSS.

Desminificar

Expande código minificado o comprimido — desminifica JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML y otros formatos al depurar o revisar.

Explorar otras categorías de herramientas