109 · Outils de développement

Formateur CSS

Collez du CSS minifié ou désordonné pour obtenir une propriété par ligne et effacer l'indentation.

Vos données : Cet outil traite votre saisie dans ce navigateur. CapyHelp ne télécharge pas cette entrée pour générer votre résultat. Détails de confidentialité

Formateur CSS

Comment utiliser le formateur CSS

  1. Collez votre CSS.
  2. Choisissez l'indentation.
  3. Copiez le CSS formaté.

Quels changements

Chaque règle a son propre bloc, chaque déclaration sa propre ligne et les sélecteurs séparés par des virgules vont sur des lignes distinctes. Blocs imbriqués tels que @media sont en retrait. Cordes et url() les valeurs ne sont jamais divisées, même si elles contiennent des points-virgules.

Exemples

.card{affichage:flex;écart:12px}

.card { affichage : flex ; écart : 12 px ; }

@media (largeur maximale : 600 px){…}

Bloc média en retrait

Questions

Les commentaires sont-ils conservés ?

Les commentaires normaux sont supprimés lors du formatage. Commentaires commençant par /* ! (notes de permis) sont conservées.

Mes données sont-elles téléchargées ?

Non. Tout s'exécute dans votre navigateur, donc ce que vous collez ne quitte jamais votre appareil.

Traduction automatique. Passez en revue les résultats importants.