CSS/Eigenschaften/counter-reset

Die Eigenschaft counter-reset startet oder setzt Zähler zurück. Diese Zähler können dann z.B. fortlaufende Kapitelnummerierungen erzeugen.

Erlaubte Werte

• none: Keiner der Zähler wird verändert.
• Name: Der Name des Zählers, der zurückgesetzt, bzw. gestartet werden soll.
• Nummer: Der Wert, auf den der Zähler zurückgesetzt werden soll. Falls nicht angegeben, wird 0 verwendet.
• initial: wird auf Standardwert zurückgesetzt
• inherit: Einstellungen werden vom Elternelement übernommen

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

none

anwendbar auf

Pseudoelemente ::before und ::after

Vererbung

nein

animierbar

nein

Beispiel

h2 {
  counter-reset: subsection;
}

Setzt bei jeder Überschrift 2. Ordnung den Zähler "subsection" zurück.

Siehe auch

• HTML/Tutorials/Listen/Hybride Nummerierung#Initialisieren eines Zählers mit counter-reset

Weblinks

• Spezifikation (W3C): counter-reset