Formateur CSS / SCSS

Embellit ou minifie CSS/SCSS/LESS, trie les propriétés et supprime les doublons.

Votre CSS est formaté localement dans votre navigateur et rien n'est envoyé à un serveur.

Besoin d'embellir aussi du JavaScript ? Essayez le Formateur JS.

À propos de Formateur CSS / SCSS

Ce formateur css embellit ou minifie CSS, SCSS et LESS avec Prettier, avec des options pour trier les déclarations par ordre alphabétique et supprimer les propriétés en double. Utilisez-le comme embellisseur css pour nettoyer des feuilles de style désordonnées, ou comme formateur scss et formateur less lorsque vous travaillez avec des préprocesseurs. Passez en mode minify pour retirer les commentaires et les espaces et produire un CSS de production compact. Conçu pour les développeurs front-end, designers et ingénieurs QA qui ont besoin de styles cohérents et lisibles ou d'un moyen rapide de formater css en ligne avant un commit ou une revue de code. Vous pouvez choisir tabulations ou espaces pour l'indentation, choisir la syntaxe correspondant à votre fichier et réutiliser la sortie prettier css partout. Tout est traité localement dans votre navigateur, vos feuilles de style ne quittent jamais votre appareil et rien n'est envoyé à un serveur.

Fonctionnalités

Comment utiliser Formateur CSS / SCSS

  1. Collez votre CSS, SCSS ou LESS dans la zone de saisie.
  2. Choisissez le mode de syntaxe (CSS, SCSS ou LESS) correspondant à votre fichier.
  3. Sélectionnez Embellir pour formater ou Minifier pour compacter la sortie.
  4. Activez Trier les propriétés, Dédupliquer ou Tabulations pour affiner le résultat.
  5. Copiez ou téléchargez le CSS formaté depuis le panneau de sortie.

Exemple

Entrée

.btn{color:#FFF;padding:8px;color:#fff;}

Sortie

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

Mode embellir avec les déclarations en double supprimées.

Erreurs courantes et dépannage

Foire aux questions

Qu'est-ce que le Formateur CSS d'ArrayKit ?
C'est un formateur css basé sur le navigateur qui embellit ou minifie CSS, SCSS et LESS avec Prettier, et peut trier les propriétés par ordre alphabétique et supprimer les déclarations en double dans le CSS pur.
Comment minifier du CSS avec le Formateur CSS ?
Collez votre feuille de style, choisissez le mode de syntaxe correspondant, puis sélectionnez Minifier pour retirer les commentaires et les espaces et produire un CSS de production compact à copier ou télécharger.
Le Formateur CSS prend-il en charge SCSS et LESS ?
Oui. Choisissez la syntaxe (CSS, SCSS ou LESS) et il l'analyse en conséquence. Le tri des propriétés et la déduplication s'appliquent au CSS pur.
Le Formateur CSS peut-il trier les propriétés par ordre alphabétique ?
Oui. En mode Embellir avec CSS sélectionné, activez Trier les propriétés pour réordonner les déclarations par ordre alphabétique dans chaque règle.
Quel moteur formate le CSS ?
L'embellissement utilise Prettier, la sortie correspond donc aux mêmes conventions que Prettier applique dans votre éditeur et vos outils de build.
Mon CSS est-il envoyé quelque part par le Formateur CSS ?
Non. Le formateur css s'exécute entièrement dans votre navigateur, vos feuilles de style sont traitées localement et ne quittent jamais votre appareil.

Outils associés

Tous les outils ArrayKit