RUNWEBTOOLS
Français

Formateur CSS

Embellissez et rangez du CSS brouillon ou minifié dans votre navigateur.

En direct — formate au fil de la saisie

Exemples

Embellir du CSS minifié

Entrée

.btn{color:#fff;background:#000;padding:8px 16px;}

Sortie

.btn {
  color: #fff;
  background: #000;
  padding: 8px 16px;
}

Ranger un espacement incohérent

Entrée

a{color:blue;}  a:hover{color:red;}

Sortie

a {
  color: blue;
}

a:hover {
  color: red;
}

À propos de cet outil

Ce formateur CSS en ligne et gratuit transforme des feuilles de style brouillonnes ou minifiées en CSS propre et bien indenté — un outil rapide d'embellissement et d'impression lisible du CSS. Collez votre CSS, choisissez un style d'indentation, et le résultat formaté apparaît instantanément. Tout s'exécute dans votre navigateur sans envoi, votre code ne quitte donc jamais votre appareil.

Mode d'emploi

  1. Collez votre CSS dans la zone de saisie (cliquez sur Exemple pour essayer).
  2. Choisissez une indentation de 2 espaces, 4 espaces ou une tabulation.
  3. Lisez le CSS embelli dans la zone de sortie à droite.
  4. Copiez le résultat avec le bouton Copier.

Quand utiliser un formateur CSS

Reformater aide quand vous copiez du CSS compressé d'un bundle compilé, héritez d'une feuille de style à l'espacement incohérent ou voulez lire une règle avant de l'éditer. Une indentation cohérente rend les sélecteurs et l'imbrication évidents et garde les diffs propres.

Questions fréquentes

Ce formateur CSS est-il gratuit ?

Oui — un formateur et embellisseur CSS en ligne entièrement gratuit, sans inscription ni limites. Formatez et indentez autant de CSS que vous voulez.

Mon CSS est-il envoyé à un serveur ?

Non. C'est un outil sans envoi — votre CSS est formaté entièrement dans votre navigateur, le code ne quitte donc jamais votre appareil. Sûr pour des feuilles de style privées ou internes.

Que fait l'embellisseur CSS ?

Il place chaque règle et déclaration sur sa propre ligne, normalise les espaces autour des accolades, deux-points et points-virgules, et ré-indente tout, si bien que le CSS minifié ou brouillon devient lisible.

Puis-je choisir l'indentation ?

Oui — choisissez 2 espaces, 4 espaces ou des tabulations. Votre choix est mémorisé dans le navigateur pour la prochaine fois.

Fonctionne-t-il avec SCSS ou Less ?

Il gère bien la plupart de la syntaxe SCSS et Less pour l'indentation et le rangement, car la structure est proche du CSS. Il formate au lieu de compiler — il n'étend pas l'imbrication ni les variables.

Étend-il le CSS minifié ?

Oui. Collez une feuille de style sur une seule ligne ou minifiée et il la réétend en un ensemble de règles lisible et bien indenté.

Fonctionne-t-il hors ligne et sur mobile ?

Une fois la page chargée, il s'exécute localement, il continue donc à fonctionner sur une connexion instable, et la mise en page est entièrement responsive sur téléphones et tablettes.

Outils associés

Formateur JSON

Formatez, validez et embellissez du JSON instantanément dans votre navigateur.

Formateur HTML

Embellissez et indentez du HTML brouillon ou minifié dans votre navigateur.

Formateur JavaScript

Embellissez et indentez du JavaScript minifié ou brouillon dans votre navigateur.

Formateur SQL

Formatez les requêtes SQL avec les mots-clés en majuscules.