Styles de compteur CSS

Le module de styles de compteur CSS permet de définir vos propres styles de compteur pour gérer l'apparence des marqueurs dans les listes et les compteurs dans le contenu généré. Il permet également d'étendre les styles de liste natifs du navigateur avec vos propres personnalisations.

Bien que nous considérions les compteurs comme des nombres, ce sont en réalité des chaînes de caractères avec des composants pouvant être incrémentés. Le module de styles de compteur définit la règle @counter-style avec dix descripteurs, permettant aux développeur·euse·s de définir précisément comment les compteurs sont convertis en chaînes de caractères. Ce module permet de définir quels caractères utiliser pour les puces de compteur, le préfixe à mettre avant le compteur et le suffixe qui vient après, ainsi que la manière de gérer les valeurs négatives. Les descripteurs peuvent également définir une plage pour limiter les valeurs qu'un style de compteur peut gérer, tout en fournissant des styles de secours lorsque la valeur du compteur dépasse la plage définie ou ne peut pas être rendue autrement. Le module permet également de définir comment le compteur est lu à haute voix par les synthétiseurs vocaux.