À propos de cet outil
L'embellisseur CSS est un formateur gratuit qui s'exécute dans le navigateur et transforme un CSS minifié ou brouillon en une mise en page nette et indentée de façon cohérente. Il commence par réduire les espaces existants, puis reconstruit la structure de zéro : chaque règle et chaque déclaration passe sur sa propre ligne, l'accolade ouvrante reste sur la ligne du sélecteur, l'accolade fermante descend sur sa propre ligne, et les blocs imbriqués sont indentés de deux espaces par niveau.
Il travaille uniquement sur la ponctuation qui sépare les sélecteurs, les blocs et les déclarations, en ajoutant une seule espace après le deux-points de chaque déclaration et une espace avant l'accolade ouvrante. Les noms de propriétés et les valeurs restent intacts : seul l'espacement change et le rendu n'est pas affecté. Le formatage se fait en direct à mesure que vous tapez, entièrement dans votre navigateur : aucun téléversement, aucun compte, aucun suivi, et cela fonctionne hors ligne.
C'est pratique lorsqu'il faut lire, comparer ou modifier à la main une feuille de style compressée issue d'une sortie de build, ou pour déplier un extrait sur une seule ligne en quelque chose de lisible. Collez le CSS, examinez le résultat épuré dans la zone de sortie et copiez-le d'un clic.