FR

Formater du CSS

Rendez lisible un CSS minifié ou désordonné : un sélecteur et une propriété par ligne, des espacements cohérents et des media queries imbriquées clairement indentées.

Gratuit et privé. Tout se passe dans votre navigateur, rien n'est envoyé.

Comment ça marche

  1. Collez votre CSSCollez le code, tapez-le ou ouvrez un fichier. Cliquez sur Exemple pour voir un cas concret.
  2. Vérifiez le résultatLe résultat s'affiche à droite pendant que vous tapez. Les erreurs sont indiquées avec la ligne et la colonne.
  3. Copiez ou téléchargezCopiez le CSS en un clic ou téléchargez-le sous forme de fichier.

Comprendre n'importe quelle feuille de style

Les feuilles de style copiées depuis un site en ligne sont généralement minifiées sur une seule ligne. Le formatage les découpe en règles faciles à parcourir, avec les listes de sélecteurs sur des lignes séparées et une ligne vide entre les règles.

Les chaînes, les valeurs url() et les data URI sont laissées exactement telles quelles, même quand elles contiennent des accolades ou des points-virgules.

Choisissez 2 espaces, 4 espaces ou des tabulations pour respecter le style de votre projet avant de recoller le résultat.

À propos du format CSS

Le CSS définit l'apparence des pages. Le CSS formaté place chaque règle et chaque propriété sur sa propre ligne ; le CSS minifié retire tout ce dont le navigateur n'a pas besoin, en gardant intactes des valeurs comme calc(1px + 2px).

Questions fréquentes

Les commentaires sont-ils conservés ?

Oui, le formatage garde tous les commentaires. La minification les retire, sauf ceux qui commencent par /*! et contiennent en général des mentions de licence.

Mon code est-il envoyé quelque part ?

Non. Le formatage et la minification se font dans votre navigateur. Votre code n'est pas envoyé sur nos serveurs.

La minification renomme-t-elle mes variables ?

Non. La minification retire uniquement les commentaires, les retours à la ligne et les espaces. Les noms restent lisibles et le code se comporte exactement de la même façon, ce qui la rend sûre pour n'importe quel fichier.

Pourquoi certains retours à la ligne restent-ils dans le JavaScript minifié ?

JavaScript considère certains retours à la ligne comme la fin d'une instruction. Quand en retirer un pourrait changer ce que fait le code, il est conservé.

Puis-je formater du JSON ici ?

Le JSON a son propre outil, avec une vue en arbre et une validation. Utilisez la page Outils JSON indiquée plus bas.

Est-ce que ça marche hors ligne ?

Oui. Une fois la page ouverte, elle continue de fonctionner sans connexion Internet.