Counter-Increment (propriété CSS)

Incrémente un ou plusieurs compteurs de la valeur indiquée. La valeur d'un compteur peut être insérée dans le document par la propriété Content. Les compteurs sont utilisés pour numéroter des éléments (images, cellules de tableau, etc.).

Si une même règle utilise plusieurs propriété relatives à un même compteur, celles-ci sont traitées dans l'ordre suivant, quelquesoit l'ordre dans lequel elles apparaissent :

Voir aussi les propriétés Content, Counter-Reset.

Valeurs pour Counter-Increment.

NoneNe fait rien.
[Compteur] [Valeur]Incrémente le compteur indiqué avec la valeur. Attention ! Le nom des compteurs est sensible à la casse.
D'autres paires de [Compteur] [Valeur] peuvent être spécifiées dans la même propriété.
Si la valeur n'est pas indiquée, le compteur est incrémenté de 1.
InheritMême(s) action(s) que l'élément parent.

Exemples.

Voici une solution simple pour obtenir une numérotation à deux niveaux (titres h3 et h4).

H3:Before {
    Content: Counter(h3) ". ";
    Counter-Increment: h3;
    Counter-Reset: h4;
    }
H4:Before {
    Content: Counter(h3) "." Counter(h4, Lower-Alpha) ". ";
    Counter-Increment: h4;
    }

Introduction.

Accueil des participants.

Présentation des conférenciers.

Historique.

La préhistoire.

L'age d'or.

L'avenir.

Conclusion.

Il est tout aussi facile de numéroter des cellules de tableau.

TD:Before {Content:"N° " Counter(Cellules); Counter-Increment: Cellules;}

     
     
Pour toute utilisation des informations de cette page, reportez vous au copyright