Hier bist Du: Home « Automatische Inhalte « counter-reset

Zählvariable zurücksetzen: counter-reset

Beispiel siehe counter-increment

Setzt den Inhalt einer Zählvariablen auf einen beliebigen Wert zurück. Legt fest für welches Element eine Zählvariable inkrementiert (erhöht) wird.
Eine genauere Beschreibung findest Du unter counter-increment. In dem folgenden Beispiel soll für die Überschriftenebenen 1 und 2 eine Nummerierung in der Form einer Gliederung erreicht werden:
1. Überschrift 1
1.1 Überschrift 2
2. Überschrift 1
2.1 Überschrift 2
Für die erste Überschriftenebene wird die Zählvariable i verwendet, für die zweite Ebene j. counter-reset:jsetzt j auf 0 zurück, damit nach jeder Überschrift der ersten Ebene der Zähler für die zweite Ebene mit dem Wert 1 beginnt.

h1:before
{
  content: counter(i) " ";
  counter-increment:i;
  counter-reset(j);
}
h2:before
{
  content: counter(i) "." counter(j) " ";
  counter-increment:j;
}
Initialwert:none
Vererbbar:Nein
Anwendbar auf:Alle Elemente
Medium:Visual
Werte:
none
Die Zählvariable wird nicht zurückgesetzt.
Inherit
counter()
Der Name einer oder mehrerer mit counter() deklarierten Zählvariablen.
Zusätzlich kann mit einer positiven oder negativen Zahl der Wert vorgegeben werden, auf den die Zählvariable zurückgesetzt wird. Standardwert ist 0.