Un souci avec cet outil ?
À propos de « Mise En Forme CSS En Ligne »
Cet outil embellit du CSS minifié ou désordonné en une forme bien indentée et lisible. Chaque déclaration sur sa ligne, espaces normalisés autour des accolades et deux-points, propriétés triées (option), espaces et commentaires standardisés.
Utile pour lire du CSS de prod minifié, préparer une revue de code, ou normaliser des styles avant un commit.
Gère les sélecteurs imbriqués, les media queries, les keyframes, les propriétés personnalisées et les features modernes comme les CSS Layers. Le mode tri alphabétique facilite les diffs.
Comment utiliser cet outil
Mettre en forme un CSS minifié ou désordonné
Coller le CSS
Mettez un CSS minifié ou mal indenté dans « CSS ». Feuilles complètes ou fragments — commentaires, media queries et at-rules imbriquées passent.
Exécuter
Résultat : champ unique `formatted` — une déclaration par ligne, indentation 2 espaces dans les accolades, ligne vide entre les règles de haut niveau. Les sélecteurs restent sur une ligne ; les très longs ne sont pas coupés.
Ce qu’il ne fait pas
Pas d’expansion des préfixes vendeurs, pas de transformation shorthand → longhand, pas d’autoprefixing, pas de réécriture de valeurs. `margin:0 5px` sort en `margin: 0 5px;`, pas en quatre propriétés top/right/bottom/left.
Quand reminifier
Formatez pour relecture humaine, puis passez par css-minifier-online avant déploiement. Le round-trip est sûr pour du CSS valide — un input invalide reçoit un best-effort et peut ne pas reparser à l’identique.