Formater du CSS
Vous avez téléchargé une feuille de style minifiée (tout sur une seule ligne) ou copié du CSS généré par un outil en ligne ? Collez-le ici pour obtenir une version lisible, une déclaration par ligne. Formateur basique (indentation par bloc) : il ne réorganise pas les propriétés, ne valide pas la syntaxe et ne fusionne pas les règles dupliquées.
Comment ça marche
Collez votre CSS minifié ou compact et cliquez sur « Formater » : l'outil place l'accolade ouvrante en fin de ligne du sélecteur, met chaque déclaration (propriété : valeur) sur sa propre ligne, indente de 2 espaces par niveau (les règles imbriquées comme @media sont gérées), et isole l'accolade fermante sur sa propre ligne.
Pourquoi mes commentaires CSS apparaissent-ils bizarrement placés ?
L'outil préserve le contenu des commentaires /* ... */ mais ne les repositionne pas intelligemment par rapport aux déclarations qui les entourent : ils restent accrochés à l'endroit où ils apparaissaient dans le code source d'origine.
Le formatage change-t-il le comportement de mon CSS ?
Non. Seule la présentation du code (espaces, retours à la ligne, indentation) est modifiée. Les sélecteurs, propriétés et valeurs restent strictement identiques.
Le formatage s'exécute 100% localement dans votre navigateur via WebAssembly : votre code CSS n'est jamais envoyé à un serveur.