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