Formateur CSS

Formatez et indentez le code CSS dans une structure claire et lisible dans votre navigateur.

Cet outil fonctionne entièrement dans votre navigateur. Vos fichiers ne sont jamais envoyés à un serveur.

body {
  color:#222;
  margin:0
}
a {
  color:blue
}

Fonction de ce formateur

Réorganise le texte de type CSS avec des sauts après les accolades ouvrantes, fermantes et les points-virgules, puis applique deux espaces par niveau d'accolade. La sortie lisible peut être copiée directement.

Utilisation

Collez le CSS dans l'éditeur : le résultat est actualisé immédiatement. Copiez-le lorsqu'il est prêt ou utilisez Reset pour vider l'éditeur ; Reset ne restaure pas l'exemple initial.

Comportement

Hors chaînes entre guillemets et commentaires, les suites d'espaces sont réduites et les déclarations séparées après les points-virgules. Le contenu cité, les échappements, les commentaires de bloc et les commentaires de ligne // reconnus sont conservés tandis que les accolades règlent l'indentation.

Limite importante

Il s'agit d'un formateur léger basé sur les caractères, pas d'un parseur, validateur, linter ou contrôle de conformité CSS. Il ne normalise pas les espaces autour des deux-points, ne trie pas les propriétés, ne développe pas les raccourcis et ne signale pas les accolades ou déclarations invalides.

Vérification recommandée

Une entrée incorrecte, des échappements inhabituels, des URL de données, une syntaxe spéciale ou des commentaires non standard peuvent donner une mise en page surprenante. Relisez et testez la feuille avant la production, et conservez la source.

Confidentialité

Le traitement s'effectue localement dans le navigateur ; le CSS collé n'est pas transféré.

Questions Fréquentes

Que fait Formateur CSS ?
Formatez et indentez le code CSS dans une structure claire et lisible dans votre navigateur.
Cet outil CSS modifie-t-il le comportement ?
Il ne modifie que la mise en page ou les espaces supprimables. Vérifiez la sortie si le code utilise une syntaxe inhabituelle.
Mon code est-il transféré ?
Le traitement est local et votre code n'est jamais transféré.