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 Defaultwert: none
anwendbar auf	Pseudoelemente ::before und ::after (Unterschied Tag Element Attribut)
Browsersupport	Details: caniuse.com
Vererbung	nein
animierbar	nein

Beispiel

h2 {
  counter-reset: subsection;
}

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

Weblinks

• Spezifikation (W3C): counter-reset

Siehe auch

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