appuyez sur ⌘K pour changer d’outil
FORMAT & CONVERT
Formateur CSS
Formate les feuilles de style CSS.
css-format
§01 À PROPOS DE CET OUTIL
Présentation
Un CSS minifié ou généré par une machine est pratiquement illisible et indébogable. Cet outil remet en forme n’importe quelle feuille de style avec une indentation cohérente de deux espaces et une déclaration par ligne, à l’aide du moteur CSS de js-beautify. Tout s’exécute localement dans votre navigateur.
Utilisation
- Collez votre feuille de style dans le champ CSS.
- Le champ Formatted se met à jour instantanément au fil de la saisie — aucun bouton à presser.
- Copiez le résultat depuis le champ de sortie.
Exemples
.a{color:red;margin:0}→
.a {
color: red;
margin: 0;
}
- Une media query sur une seule ligne comme
@media(max-width:600px){.b{padding:1em}}s’étend en un bloc indenté, ce qui rend les règles de points de rupture faciles à parcourir.
Remarques
Le formateur ne réécrit que les espaces — il ne valide pas la syntaxe, de sorte qu’un CSS mal formé est transmis au mieux plutôt que rejeté avec une erreur. Les commentaires restent en place. Même pour de très grosses feuilles de style, le formatage reste instantané puisqu’aucun aller-retour réseau n’est en jeu.
FAQ
Mon CSS est-il envoyé à un serveur ?
Non. Le formatage s'exécute entièrement dans votre navigateur au moyen de la bibliothèque js-beautify. Votre feuille de style ne quitte jamais votre machine.
Quelle indentation le formateur applique-t-il ?
Une indentation de deux espaces, avec chaque règle et chaque déclaration sur sa propre ligne. La largeur d'indentation est fixe et non configurable.
Le formatage change-t-il le comportement du CSS ?
Non. Seuls les espaces et les sauts de ligne sont ajustés. Les sélecteurs, les propriétés, les valeurs et leur ordre sont préservés : le rendu est identique.