Formateur CSS
Collez du CSS, du CSS simple compatible SCSS ou une feuille de styles minifiée, et obtenez une déclaration par ligne avec des espacements cohérents.
À propos de cet outil
Les feuilles de styles de production sont minifiées pour économiser des octets, ce qui rend le débogage d'une règle précise pénible. L'embellissement place chaque sélecteur et chaque déclaration sur sa propre ligne, normalise les espaces autour des deux-points et des accolades, et garde les media queries et les règles imbriquées lisibles. Prettier uniformise aussi la casse des couleurs hexadécimales et des unités.
Le formateur accepte le CSS standard, y compris les propriétés personnalisées, l'imbrication, les container queries et les règles de couche. Il ne change le sens d'aucune règle : seuls les espaces et la mise en forme sont touchés. Associez-le au Minifieur CSS quand vient le moment de livrer le résultat.
Questions fréquentes
- Mes propriétés vont-elles être réordonnées ?
- Non. L'ordre est conservé à l'identique ; seuls les espaces et la casse des valeurs hexadécimales changent.
- SCSS et LESS sont-ils pris en charge ?
- Le CSS simple l'est intégralement. La plupart de la syntaxe SCSS s'analyse aussi, mais les mixins et les fonctions peuvent déclencher une erreur.
- Puis-je obtenir une indentation de quatre espaces ?
- Oui, choisissez 4 espaces ou la tabulation dans le menu Indentation.