Formateurs de code

CSS Formatter

Formatez les sélecteurs CSS, requêtes média, images clés, commentaires, calc() et propriétés personnalisées avec une indentation de 2 ou 4 espaces.

Appuyez sur Ctrl / ⌘ + Entrée pour exécuter
Résultat en lecture seule

Formatez les sélecteurs CSS, requêtes média, images clés, commentaires, calc() et propriétés personnalisées avec une indentation de 2 ou 4 espaces.

Fonction de cet outil

Formatez les sélecteurs CSS, requêtes média, images clés, commentaires, calc() et propriétés personnalisées avec une indentation de 2 ou 4 espaces.

  • Prend en charge les CSS modernes courants, les requêtes multimédias et les images clés.
  • Formate uniquement le texte et n'injecte pas de styles dans la page actuelle.
  • Une syntaxe invalide affichera une erreur d'analyseur.

Mode d’emploi

  1. Collez le CSS.
  2. Sélectionnez la largeur du retrait.
  3. Cliquez sur "Formater CSS".
  4. Copiez ou téléchargez formatted.css.

Utilisations courantes

  • Nettoyez les feuilles de style sur une seule ligne ou difficiles à lire.
  • Unifiez le format d’extrait de code d’équipe.
  • Aide à observer les requêtes multimédias imbriquées et les structures d'animation.

Fonctionnalités de CSS Formatter

Analysez et embellissez les sélecteurs CSS, les déclarations, les requêtes multimédias, les images clés et les propriétés personnalisées. Vérifiez le résultat, puis copiez-le pour l’utiliser.

FAQ

Les propriétés personnalisées seront-elles divisées de manière incorrecte ?

Les valeurs courantes de --custom-property sont prises en charge et leur contenu est conservé.

Le formatage modifiera-t-il l'effet du sélecteur ?

Le but est de changer uniquement la mise en page ; cependant, il est recommandé de conserver les fichiers sources et de tester le projet avant de le traiter avec un outil automatisé.

Le CSS sera-t-il appliqué à cette page ?

Non. L’entrée et la sortie restent dans des zones de texte.

Retour aux outils pour développeurs