counter-increment |
Incrémentation du compteur |
CSS2.1 |
|
Syntaxe
counter-increment: id|inherit|initial|none;
|
Paramètres
Paramètre |
Description |
id |
Ce paramètre permet d'indiquer l'identificateur du compteur devant être incrémenté. |
inherit |
Ce paramètre permet d'indiquer qu'il faut hérité de la valeur de son parent. |
initial |
Ce paramètre permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété. |
none |
Ce paramètre permet d'indiquer qu'il ne faut pas incrémenter les compteurs. |
Description
Cette propriété permet d'incrémenter la valeur du compteur de CSS par la valeur donnée.
Remarques
- Fonctionnalité principale : La propriété counter-increment permet d'augmenter (ou de diminuer) la valeur d'un compteur CSS à chaque fois qu'un
élément ciblé est rencontré. Elle est souvent utilisée avec counter-reset pour créer des numérotations dynamiques dans des documents ou des listes structurées.
- Valeur par défaut : Par défaut, counter-increment augmente le compteur de 1. Par exemple, counter-increment: myCounter; incrémente automatiquement
myCounter de 1. Vous pouvez spécifier un autre incrément, comme counter-increment: myCounter 2;, pour augmenter de 2 à chaque occurrence.
- Associer un compteur nommé : Le nom du compteur utilisé dans counter-increment doit correspondre à un compteur préalablement défini avec counter-reset.
Si aucun compteur de ce nom n'a été défini, le compteur est créé implicitement avec une valeur initiale de 0.
- Décrémentation possible : Vous pouvez utiliser une valeur négative pour décrémenter un compteur. Par exemple, counter-increment: myCounter -1; réduit la
valeur du compteur de 1 à chaque élément ciblé, permettant des numérotations inversées.
- Gestion de plusieurs compteurs : Vous pouvez incrémenter plusieurs compteurs simultanément en les séparant par des espaces. Par exemple :
counter-increment: section 1 subsection 2; augmente le compteur section de 1 et subsection de 2 pour chaque occurrence.
- Usage dans des structures imbriquées : Dans des documents structurés, comme des rapports ou des chapitres, counter-increment est utile pour gérer
des hiérarchies de numérotations imbriquées. Par exemple, un compteur de sous-section peut être incrémenté à chaque nouvel élément secondaire.
- Compatibilité des navigateurs : La propriété counter-increment est bien prise en charge par les navigateurs modernes, rendant son utilisation fiable
pour des projets actuels. Cependant, pour fonctionner efficacement, elle doit être utilisée avec counter-reset et affichée via content.
Dernière mise à jour : Dimanche, le 20 décembre 2015