Zählvariable inkrementieren: `counter-increment`

Beispiel

Legt fest für welches Element eine Zählvariable inkrementiert (erhöht) wird.
In dem folgenden Beispiel wird für das <h1>-Tag mit dem Pseudoformat :before zunächst festgelegt, dass die mit content: angegebenen Inhalte vor der Überschrift 1 stehen.
Da jede Variable mit dem Wert 0 deklariert wird, wäre das immer eine 0. counter-increment:i erhöht den Wert in i bei jedem Vorkommen eines <h1>-Tags, sodass eine Nummerierung der Überschriften möglich ist.

h1:before
{
  content: counter(i) " ";
  counter-increment:i;
}

Initialwert:	none
Vererbbar:	Nein
Anwendbar auf:	Alle Elemente
Medium:	Visual
Werte:	none Die Zählvariable wird nur angezeigt, aber nicht inkrementiert. Inherit counter() Der Name einer oder mehrerer mit deklarierten Zählvariablen. Zusätzlich kann durch eine positive oder negative Zahl der Zählwert angegeben werden.