CSS/Eigenschaften/counter-reset

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Siehe auch