counter-increment CSS propriété

Définition de la CSS counter-increment.

La propriété CSS counter-increment permet d'incrémenter une variable de "compteur".

.identifiant:before{
  counter-increment : section; 
}
.identifiant:before{
  counter-increment : section 5; 
}

La propriété de feuille de style counter-increment CSS accepte la valeur :

• none : ne fait rien.
• variable quantité : incrémente une variable de "compteur".
• variable, nom de la variable de compteur à incrémenter.
• quantité, entier positif ou négatif exprimant la quantité d'incrémentation à ajouter à la variable de compteur. Valeur peut être omise, dans ce cas sa valeur est 1.
• inherit : hérite de la propriété CSS counter-increment de son parent (CSS2).

Exemple de code counter-increment CSS

Conditions d'application de la CSS counter-increment.

La propriété CSS counter-increment est applicable sur les balises HTML ou XHTML, sauf si sa propriété CSS display égale à none et si vous avez déclaré le "nom de la variable" avant avec un counter-reset.

La propriété CSS counter-increment est utilisée avec les propriétés CSS counter-reset, content, :before et :after.

Problème d'interprétation de counter-increment en Css.

La propriété de feuille de style counter-increment CSS peut poser des problèmes, car elle n'est pas reconnue par tous les navigateurs.