Comment l’utiliser
- Collez votre CSS, ouvrez un fichier
.css, ou partez de l’exemple : une feuille de style minifiée. - Choisissez 2 espaces, 4 espaces ou des tabulations. Le CSS formaté apparaît pendant que vous tapez.
- Copiez-le ou téléchargez-le sous
styles.css.
Ce qu’il fait
Chaque règle a son propre bloc, chaque déclaration sa propre ligne, et les règles à l’intérieur de @media et des autres règles @ sont indentées d’un niveau de plus. Sélecteurs, valeurs et commentaires restent tels quels : la feuille de style veut dire exactement la même chose.
Quand c’est utile
- Pour lire une feuille de style minifiée venant d’un thème, d’un framework ou d’un site que vous inspectez.
- Pour mettre au propre du CSS avant de le modifier, afin qu’un changement touche une ligne plutôt qu’une seule très longue.
- Pour comparer deux feuilles de style : formatez les deux, puis faites un diff.
Questions fréquentes
Corrige-t-il le CSS invalide ?
Non. Il indente ce qui est là ; une accolade manquante reste manquante. Les navigateurs ignorent les déclarations qu’ils ne savent pas lire : un caractère égaré casse en général une règle, pas toute la feuille.
Trie-t-il les propriétés ?
Non. L’ordre peut compter en CSS (une déclaration ultérieure l’emporte), il est donc gardé tel qu’écrit.
Puis-je le minifier à nouveau ensuite ?
Oui : le Minificateur CSS le remet sur une seule ligne compacte.
Mon CSS est-il envoyé quelque part ?
Non. Le formatage se fait dans votre navigateur.