CSS Formatter
Format, beautify, and minify CSS
Entrée
Sortie
À propos de cet outil
Le Formateur CSS convertit le CSS compressé ou illisible en feuilles de style propres et correctement indentées. Il gère toutes les fonctionnalités CSS standard : media queries, pseudo-classes, animations keyframe, propriétés personnalisées et sélecteurs imbriqués.
Le mode minification supprime tous les commentaires et espaces inutiles, produisant le CSS le plus compact possible pour la production. Tout le traitement s'effectue localement dans votre navigateur.
Comment utiliser
- Collez votre CSS dans le panneau d'entrée à gauche.
- Sélectionnez l'indentation souhaitée (2 ou 4 espaces).
- Cliquez sur Formater pour embellir, ou Minifier pour compresser.
- Cliquez sur Copier pour copier le résultat dans le presse-papiers.
Cas d'utilisation
Les développeurs frontend utilisent cet outil pour formater le CSS copié depuis DevTools, des feuilles de style héritées ou des exports de systèmes de design. La minification réduit la taille du bundle CSS de 30–50%.
Questions fréquentes
- Supporte SCSS/LESS ? — Cet outil formate uniquement le CSS standard. Pour SCSS ou LESS, utilisez un formateur de préprocesseur dédié.
- Les commentaires sont-ils préservés ? — Lors du formatage, les commentaires sont préservés. Le mode minification supprime tous les commentaires pour réduire la taille.
- Mes données sont-elles sécurisées ? — Tout le traitement est local dans votre navigateur. Aucun CSS n'est transmis à un serveur.