Le formateur s'appuie sur un analyseur sensible à la syntaxe au lieu de découper le texte aveuglément à chaque accolade ou point-virgule. Il suit les chaînes, commentaires, fonctions, sélecteurs d'attribut et blocs imbriqués. La ponctuation située dans une URL ou une valeur entre guillemets reste donc intacte.
Formatter du CSS en ligne
Fonctionne entièrement dans votre navigateur : aucun envoi, aucune inscription.
CSS source
CSS formaté
Collez du CSS pour le formatter
Comment formatter du CSS en ligne ?
Un formateur CSS transforme une feuille de style minifiée ou irrégulièrement espacée en code lisible, avec une indentation et des sauts de ligne cohérents. Collez le CSS, choisissez deux espaces, quatre espaces ou une tabulation, puis copiez ou téléchargez le résultat. Le traitement reste dans le navigateur et conserve commentaires, valeurs entre guillemets, URL de données et ordre des déclarations.
Comment l’utiliser
- 1Collez le CSS. Ajoutez dans l'éditeur une feuille de style, un bloc de sélecteurs ou un extrait de CSS minifié.
- 2Choisissez l'indentation. Sélectionnez deux espaces, quatre espaces ou une tabulation. Le résultat se met à jour pendant la saisie.
- 3Vérifiez l'état. Consultez les compteurs de structure ou corrigez le délimiteur sans paire, le commentaire ouvert ou la chaîne non terminée signalée.
- 4Copiez ou téléchargez. Copiez le CSS formaté dans le presse-papiers ou enregistrez-le sous le nom formatted.css.
Pour qui
- Développeurs front-end qui déplient du CSS de production pour le relire et le déboguer plus facilement.
- Personnes chargées des revues de code qui harmonisent l'indentation avant de comparer une feuille copiée ou un extrait de pull request.
- Étudiants qui veulent mieux distinguer les requêtes média, les sélecteurs et les blocs de déclarations imbriqués.
- Équipes support et QA qui nettoient du CSS copié depuis l'inspecteur avant de l'ajouter à un ticket ou à un cas de reproduction.
Questions fréquentes
Ce formateur CSS est-il gratuit ?
Oui. Vous pouvez formatter autant de CSS que votre navigateur peut en traiter confortablement. Aucun compte ni logiciel n'est nécessaire, il n'y a pas de quota et le résultat apparaît immédiatement.
Mon CSS est-il envoyé vers un serveur ?
Non. Le formatage s'effectue localement dans le navigateur. Le CSS collé reste dans l'éditeur de la page et n'est transmis à aucune API, ce qui convient aussi aux styles de projets privés.
Quelle quantité de CSS puis-je formatter ?
L'outil n'impose aucune limite de caractères. Les très grandes feuilles générées dépendent toujours de la mémoire et des performances de l'appareil, mais les styles courants de sites, composants et e-mails sont formatés instantanément.
Le formatage modifie-t-il le fonctionnement du CSS ?
Il modifie les espaces et les sauts de ligne, tout en conservant sélecteurs, déclarations, commentaires, chaînes entre guillemets et ordre d'origine. Relisez le résultat avant publication, surtout en présence de syntaxe expérimentale ou d'échappements sensibles aux espaces.
L'outil valide-t-il les propriétés CSS ?
Non. Il vérifie l'équilibre des accolades, crochets, parenthèses, commentaires et chaînes. Il ne contrôle pas la validité de chaque propriété, valeur ou fonctionnalité propre à un navigateur. Utilisez pour cela un validateur CSS conforme aux standards.
Peut-il formatter les requêtes média et le CSS imbriqué ?
Oui. Les blocs contenus dans les règles @media, @supports, @container, @layer et @keyframes sont indentés selon leur profondeur. Les sélecteurs imbriqués modernes sont également organisés sans toucher aux chaînes ni aux arguments de fonction.