CSS counter-incrementPropriété
Exemple
Une méthode pour numéroter les sections et sous-sections (comme "Section 1", "1.1", "1.2") :
body
{
counter-reset:section;
}
h1
{
counter-reset:subsection;
}
h1:before
{
counter-increment:section;
content:"Section " counter(section) ". ";
}
h2:before
{
counter-increment:subsection;
content:counter(section) "." counter(subsection) " ";
}
Essayez-le vous-même »
Définition de la propriété et instructions d'utilisation
La propriété counter-increment incrémente une ou plusieurs valeurs de compteur.
La propriété counter-increment est généralement utilisée conjointement avec la propriété counter-reset et la propriété content.
| Valeur par défaut : | none |
|---|---|
| Héritée : | non |
| version : | CSS2 |
| Syntaxe JavaScript : | object.style.counterIncrement="subsection" |
Prise en charge des navigateurs
Tous les principaux navigateurs prennent en charge la propriété counter-increment.
Remarque :IE8 ne prend en charge la propriété counter-increment que si un !DOCTYPE est spécifié.
Valeur de la propriété
| Valeur | Description |
|---|---|
| none | Aucun compteur ne sera incrémenté |
| id number | id définit le sélecteur, l'id ou la classe dont le compteur sera incrémenté. number définit l'incrément. number peut être positif, zéro ou négatif. |
| inherit | La valeur de la propriété counter-increment doit être héritée de l'élément parent. |
Articles connexes
Manuel de référence CSS :pseudo-élément :before
Manuel de référence CSS :pseudo-élément :after
Manuel de référence CSS :propriété content
Manuel de référence CSS :propriété counter-reset
autres extensions