Catégorie: Développement
Formateur CSS
Formatez ou minifiez du CSS localement avec 2 ou 4 espaces d'indentation
Collez du CSS pour l'indenter proprement avec 2 ou 4 espaces, ou le minifier pour obtenir le résultat le plus compact possible. Les commentaires sont conservés lors du formatage. Fonctionne entièrement dans votre navigateur.
Formaté dans votre navigateur.
.tool-panel {
display:grid;
gap:16px;
padding:16px
}
/* accent border */
.tool-panel .tool-output {
border:1px solid var(--line);
border-radius:8px
}Tout sur cette page est traité dans votre navigateur. Rien n'est envoyé.
À quoi sert cet outil
Un formateur CSS ré-indente les règles et déclarations pour que les sélecteurs imbriqués et les media queries soient faciles à lire, tandis qu'un minificateur supprime les commentaires et les espaces superflus pour réduire la taille d'une feuille de style en production. Cet outil se contente de reformater les espaces et n'évalue ni n'exécute jamais le CSS fourni.
Mode d'emploi
- Collez votre CSS dans la zone de saisie, ou chargez l'exemple.
- Choisissez Formater pour un résultat lisible ou Minifier pour la taille la plus réduite.
- Copiez le résultat ; le résultat formaté permet aussi de choisir 2 ou 4 espaces d'indentation.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez n'est jamais envoyé, stocké ni partagé : fermer l'onglet suffit à tout effacer.
Questions fréquentes
- Mon CSS est-il envoyé quelque part ?
- Non. Le formatage et la minification se font en JavaScript exécuté dans la page, donc votre feuille de style ne quitte jamais votre appareil.
- Les commentaires sont-ils conservés ?
- Le résultat formaté conserve les commentaires sur leur propre ligne ; le résultat minifié les supprime, comme le font la plupart des outils de build en production.
- L'outil valide-t-il le CSS ?
- Non. Il se contente de reformater les espaces et l'indentation, donc il ne détectera pas les fautes de frappe dans les noms de propriétés ni les valeurs invalides.