Comment formater du code sur cette page ?
Collez le code dans l’éditeur de gauche ou chargez un fichier, choisissez les options utiles et cliquez sur Formater. Vérifiez le résultat à droite, puis copiez-le ou enregistrez-le.
Le formateur CSS transforme des feuilles de style minifiées ou mal espacées en CSS lisible, avec une indentation, des accolades, des sélecteurs, des déclarations, des requêtes média et des règles imbriquées cohérentes.
Choisissez des tabulations ou des espaces, placez les accolades ouvrantes sur la même ligne ou sur une ligne séparée, scindez les listes de sélecteurs et réglez l’espacement entre les règles. Les chaînes, propriétés personnalisées, commentaires, fonctions et URL de données sont analysés sans remplacement destructeur par expression régulière.
« Minifier » supprime les espaces CSS inutiles sans restructurer les règles. « Optimiser et minifier » peut aussi fusionner et réorganiser du CSS compatible afin de réduire davantage la sortie. Le formatage et la compression s’exécutent localement dans votre navigateur. Utilisez le Formateur SCSS pour les variables, l’imbrication, les mixins, les fonctions et les autres syntaxes SCSS.
Collez le code dans l’éditeur de gauche ou chargez un fichier, choisissez les options utiles et cliquez sur Formater. Vérifiez le résultat à droite, puis copiez-le ou enregistrez-le.
L’entrée doit correspondre au langage ou à la syntaxe sélectionnés. Vérifiez les instructions incomplètes, les parenthèses ou guillemets non fermés et un dialecte ou mode inadapté, puis recommencez.
Un formateur reconnaît les jetons et les structures imbriquées du langage, puis réorganise indentation, espaces et retours à la ligne selon des règles cohérentes. Il ne compile ni n’exécute le programme et ne remplace donc pas un contrôle de correction ou de sécurité.
2 espaces, accolades ouvrantes sur la même ligne, sélecteurs séparés et espace entre les règles sont des conventions Web courantes. Réglez l’indentation, le style d’accolades et les retours des sélecteurs et règles, puis choisissez le formatage, la minification des espaces ou une optimisation plus poussée du CSS valide.