¿Algo va mal con esta herramienta?
Sobre «Formateador CSS En Línea»
Esta herramienta embellece CSS minificado o desordenado a una forma bien indentada y legible. Coloca cada declaración en su propia línea, normaliza el espaciado alrededor de llaves y dos puntos, ordena las propiedades (opcional), y estandariza el espacio en blanco y la colocación de comentarios.
Útil al leer CSS de producción minificado que un compañero o un proveedor escribió, al preparar CSS para revisión de código, o al normalizar estilos antes de incluirlos en control de versiones.
El formateador maneja correctamente selectores anidados, media queries, keyframes, propiedades personalizadas y características modernas como CSS layers. El modo de ordenar propiedades dispone las declaraciones alfabéticamente — útil para salidas diff-friendly pero no siempre el orden de lectura más lógico.
Cómo usar esta herramienta
Cómo embellecer un CSS minificado o desordenado
Pega el CSS
Coloca CSS minificado o con indentación inconsistente en el campo «CSS». Vale stylesheet completo o fragmento; comentarios, media queries y at-rules anidadas pasan sin más.
Ejecutar
Resultado: un único campo `formatted` — una declaración por línea, indentación de dos espacios dentro de las llaves y línea en blanco entre reglas top-level. Los selectores se mantienen en una sola línea; los muy largos no se envuelven.
Lo que no hace
No expande prefijos de vendor, no convierte shorthand a longhand, no autoprefixea, no reescribe valores. Si la entrada es `margin:0 5px` la salida será `margin: 0 5px;`, no las cuatro propiedades top/right/bottom/left por separado.
Cuándo volver a minificar
Formatea para revisión humana y antes de desplegar pasa por css-minifier-online. El round-trip se cumple en CSS válido — la entrada inválida recibe trato best-effort y puede no parsearse igual después.