Attribut counter-reset CSS

Définition et utilisation

L'attribut counter-reset définit la valeur du compteur pour l'apparition d'un sélecteur spécifique. La valeur par défaut est 0.

En utilisant cette propriété, le compteur peut être réglé ou réinitialisé à n'importe quelle valeur, positive ou négative. Si le nombre n'est pas fourni, la valeur par défaut est 0.

Remarque :Si "display: none" est utilisé, le compteur ne peut pas être réinitialisé. Si "visibility: hidden" est utilisé, le compteur peut être réinitialisé.

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-increment

Fonction CSS :Fonction counter()

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

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) ";
  }

Essayer vous-même

Syntaxe CSS

counter-reset: none|Nom number|initial|hériter;

Valeur de l'attribut

Valeur Description
aucune Par défaut. Le compteur du sélecteur ne peut pas être réinitialisé.
id number

id Définir le sélecteur, l'id ou la classe pour lequel le compteur doit être réinitialisé.

number Définir la valeur du compteur qui apparaît pour ce sélecteur. Cela peut être un nombre positif, nul ou négatif.
hériter Définir que la valeur de l'attribut counter-reset 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.counterReset="subsection"

Prise en charge du navigateur

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

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

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