Formateur CSS
Mettez en forme, indentez ou compressez votre code CSS en choisissant le niveau d'espacement et le mode d'affichage adapté.
Exécuter l’outil
Cet outil en ligne structure et harmonise vos feuilles de style CSS selon vos préférences de présentation. Vous pouvez insérer du code brut pour le réorganiser avec une indentation personnalisée comprise entre 0 et 8 espaces, la valeur standard étant de 2 espaces. Deux modes de traitement distincts sont disponibles : l'embellissement, qui insère des retours à la ligne lisibles après chaque règle, et la minification, qui supprime les commentaires de bloc ainsi que les espaces superflus autour des accolades, deux-points et points-virgules. Lorsque la zone de saisie reste vide ou ne comprend que des espaces, le panneau d'affichage renvoie un texte vierge. Le volume maximal accepté pour le contenu est de 1 000 000 d'octets au format UTF-8. Ce module ajuste la mise en page sans réaliser de validation syntaxique ni de compilation.
Mode d’emploi
- Collez votre code CSS dans le champ dédié.
- Choisissez le nombre d'espaces d'indentation souhaité entre 0 et 8.
- Sélectionnez le mode de mise en forme, entre l'embellissement régulier et la minification compacte.
- Lancez le traitement pour afficher la feuille de style réorganisée dans le panneau de sortie.
Exemples
- Mise en forme aérée : pour l'entrée `body{color:#333;margin:0}`, avec une indentation de 2 et le mode d'embellissement, le résultat présente les propriétés indentées sur des lignes distinctes entre les accolades.
- Minification compacte : pour l'entrée `/* en-tête */ header { display : flex ; }`, en sélectionnant le mode de minification, les commentaires de bloc et les espaces superflus sont retirés pour donner `header{display:flex;}`.
FAQ
Que se passe-t-il si la valeur d'indentation dépasse 8 espaces ?
Toute valeur d'indentation non convertible en entier ou située en dehors de la plage de 0 à 8 est automatiquement remplacée par 2 espaces.
Le formateur vérifie-t-il les erreurs de syntaxe CSS ?
Non, cet outil réorganise uniquement la présentation du texte et ne sert pas de validateur ou de compilateur CSS.
Quelle est la limite de taille pour le code CSS soumis ?
Le contenu fourni ne doit pas dépasser 1 000 000 d'octets en encodage UTF-8 sous peine d'échec du traitement.
Comment réagit l'outil si le champ de saisie est vide ?
Une saisie vide ou composée uniquement d'espaces génère directement un résultat vierge avec des compteurs de taille à zéro.