Attribut counter-increment CSS

Définition et utilisation

L'attribut counter-increment définit l'augmentation du compteur pour chaque apparition d'un sélecteur. Par défaut, l'augmentation est de 1.

Explication

Utilisant cette propriété, le compteur peut augmenter (ou diminuer) une valeur, qui peut être positive ou négative. Si la valeur de number n'est pas fournie, la valeur par défaut est 1.

Remarque :Si "display: none" est utilisé, le comptage ne peut pas être augmenté. Si "visibility: hidden" est utilisé, le comptage peut être augmenté.

Voir également :

Manuel de référence CSS :Pseudo-élément :before CSS

Manuel de référence CSS :Pseudo-élément :after CSS

Manuel de référence CSS :Attribut content

Manuel de référence CSS :Attribut counter-reset

Fonction CSS :Fonction counter()

Manuel de référence HTML DOM :Attribut counterIncrement

Exemple

Méthode pour numéroté les parties et les sous-parties (par exemple "Section 1", "1.1", "1.2") :

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Section " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) ";
  }

Essayez-le vous-même

Syntaxe CSS

counter-increment: none|id|initial|hérité;

Valeur de l'attribut

Valeur Description
aucune Par défaut. Le sélecteur n'a pas d'augmentation de compteur.
id number

id Définit le sélecteur, l'id ou la classe qui augmentera le compteur.

number Définit l'augmentation. Le nombre peut être positif, nul ou négatif.
hérité Définit que la valeur de l'attribut counter-increment doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : aucune
Héritabilité : non
Version : CSS2
Syntaxe JavaScript : object.style.counterIncrement="subsection"

Support du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge pleinement cette propriété.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Remarque :Si !DOCTYPE est déjà défini, Internet Explorer 8 (et versions supérieures) prennent en charge l'attribut counter-increment.