Mode d’emploi
- Collez votre CSS, SCSS ou Less.
- Choisissez le langage et l’indentation.
- Cliquez sur Formater, ou appuyez sur Ctrl+Entrée (⌘+Entrée sur Mac).
- Copiez la feuille de style formatée.
Explication des options
- Langage
- CSS, SCSS ou Less. Choisissez le bon pour que les variables ($gap, @gap) et les règles imbriquées soient comprises.
- Indentation et largeur de ligne
- L’indentation des règles imbriquées et des déclarations, et la largeur à partir de laquelle les longues listes de sélecteurs et les valeurs passent à la ligne.
Exemples
CSS minifié d’un framework. Collez un fichier .min.css sur une seule ligne pour lire les règles une par une.
Nettoyage de SCSS. Collez du SCSS imbriqué à l’indentation hétérogène et obtenez une imbrication cohérente à deux espaces.
Questions fréquentes
Que modifie le formatage ?
Il place chaque déclaration sur sa propre ligne, normalise les espaces autour des deux-points et des accolades, met les couleurs hexadécimales en minuscules et réduit les suites de lignes vides à une seule. L’ordre des propriétés et les valeurs ne changent pas.
Puis-je déminifier le CSS d’un site web ?
Oui. Collez le fichier minifié et cliquez sur Formater. Les commentaires supprimés par le minifieur ne peuvent pas être récupérés.
Mon code est-il envoyé sur un serveur ?
Non. Le formatage se fait dans votre navigateur.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers et vos textes sont traités sur votre appareil et ne sont jamais envoyés à nos serveurs.