counter-increment,
counter-reset

Hérité : non   -   Compatibilité : FF, Mozilla, Opera, Safari tous les navigateurs sauf IE - CSS 2

Ces propriétés contrôlent la séquence de numérotation d'un compteur CSS servant au contenu généré (reportez-vous à la propriété content). La propriété counter-increment définit le montant (et la direction) du changement pour chaque accès au compteur pendant l'affichage. La propriété counter-reset vous permet d'affecter un nombre spécifique au compteur (valeur par défaut: zéro).

Syntaxe CSS
counter-increment: counterID [ posOrNegInteger ] | none
counter-reset: counterID [ posOrNegInteger ] | none
Valeur(s) possible(s) pour cette propriété :

counterID est un identifiant affecté à une propriété de style content:counter(counterID). La valeur optionnelle (nombre entier) est séparée par un espace après counterID. Vous pouvez combiner plusieurs ID compteur au sein du même attribut de style en enchaînant des paires séparées par des espaces d'ID et de valeurs entières.

La valeur counter permet à une feuille de style de contrôler les motifs de numérotation pour les séquences d'éléments (sections ou illustrations, par exemple). Cela suppose que la numérotation n'est pas incluse dans le contexte réel, mais qu'elle est uniquement déterminée par le contexte affiché de l'élément dans le document. Par conséquent, si vous supprimez d'un document un paragraphe numéroté au cours de la phase d'édition, la numérotation de paragraphe du document s'ajuste automatiquement lors de l'affichage de la page.

Les compteurs offrent un potentiel important à de longs documents structurés.

Vous pouvez consulter une illustration de l'utilisation des compteurs sur le site ljouanneau.

Valeur initiale

none

Exemple
h1 {counter-reset:subSection}
S'applique à 

Tous les éléments.

content
counter-increment
counter-reset
quotes




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu