Formateur CSS

Formate les règles CSS avec une indentation lisible.

Entrée

Sortie

Quand utiliser Formateur CSS

Organiser du CSS collé sur une ligne
Préparer des feuilles de style pour revue
Rendre lisibles des règles imbriquées

Exemple

Entrée

.card{width:calc(100% - 2rem);content:"a;b"}

Sortie

.card {
  width: calc(100% - 2rem);
  content: "a;b";
}

Avantages

Gratuit dans le navigateur
Aucune installation ni inscription
Résultats instantanés sur votre appareil
Le formatage ne valide pas la syntaxe. Testez les styles en direct dans le compilateur.

Outils associés