Formateur et minificateur CSS

Rendez une feuille CSS plus lisible pour examiner ses sélecteurs et déclarations, ou produisez une version compacte pour un extrait à distribuer. Les deux actions analysent la syntaxe au lieu de supprimer aveuglément les espaces et commentaires. Une chaîne contenant un point-virgule, une URL ou une expression calc() doit rester une valeur CSS cohérente. Le résultat est présenté comme du texte : aucune règle n’est appliquée à cette page, et aucune ressource citée par url() ou @import n’est téléchargée pour le traitement.

L’action de formatage utilise une présentation CSS structurée avec une indentation de deux espaces. Les blocs, listes de déclarations et règles imbriquées reconnues sont réécrits pour faciliter la lecture. Les noms de classes, identifiants et propriétés personnalisées ne sont pas renommés pour raccourcir le document.

L’action compacte reconstruit une sortie à partir de l’arbre syntaxique CSS. Elle retire les séparateurs inutiles tout en gardant ceux qui participent à la grammaire, notamment autour d’opérateurs dans calc(). Les valeurs textuelles ne sont pas découpées comme des déclarations simplement parce qu’elles contiennent : ou ; entre guillemets.

La version compacte supprime les commentaires ordinaires. Les commentaires commençant par ! ou contenant @license ou @preserve sont conservés et regroupés au début de la sortie. Si un commentaire fournit une instruction à une chaîne de compilation particulière, contrôlez le résultat : l’outil n’interprète pas toutes les conventions propres aux bundlers et préprocesseurs.

La lecture syntaxique n’est pas une certification des propriétés ou du rendu. Une propriété inconnue, une valeur non prise en charge ou une règle sans effet peut encore figurer dans une feuille correctement formée. Le formulaire vise CSS ; il ne compile ni Sass/SCSS ni Less. Il ne teste pas les sélecteurs contre votre DOM et ne calcule pas les styles effectivement appliqués.