CSS 2.1: `counter-reset`

Erläuterungen

Die Eigenschaft counter-reset dient dazu, einen oder mehrere benannte Zähler auf einen gegebenen Wert einzustellen.

Diese Eigenschaft wird bis jetzt noch von keinem der weiter verbreiteten Browser korrekt realisiert und wurde in CSS 2.1 wieder entfernt. Sie ist erst für CSS 3 wieder eingeplant.

Erlaubte Werte

Auszug aus der Spezifikation (die verwendete Syntax wird im Artikel CSS-Wertesyntax genauer erläutert):

'counter-reset' [ <identifier> <integer>? ]+ | none | inherit

<identifier> <integer>: Name des Zählers und Inkrementalwert. Der Inkrementalwert ist optional und voreingestellt auf 0.
none (Ausgangswert): Kein Zähler wird dargestellt.
inherit: Bestimmt explizit, dass diese Eigenschaft denselben berechneten Wert wie im Elternelement annimmt.

Code-Beispiel:

(Der CSS2-Spezifikation entnommen)

H1:before { content:"Kapitel " counter(Kapitel) ". "; counter-increment:Kapitel; /* Add 1 to Kapitel */ counter-reset:Abschnitt; /* Set Abschnitt to 0 */ }

Browserunterstützung

: Die Eigenschaft counter-reset wird mit einer Ausnahme von keinem der modernen Browser unterstützt.
Opera 7+: Der Opera-Browser verarbeitet sowohl die Eigenschaft counter-reset als auch counter-increment.

Eric Meyer's CSS2 Test Suite zeigt am praktischen Beispiel, wie die Browser mit dieser Eigenschaft umgehen.

Keine Eigenschaft und kein Selektor stehen in einem Stylesheet für sich allein. In der Praxis kann das Zusammenspiel zwischen verschiedenen Elementen und Selektoren einen nicht zu unterschätzenden Einfluss auf die Fähigkeiten der Browser haben. Bugs treten oft erst durch das Zusammenwirken mehrerer Eigenschaften an unterschiedlichen Elementen auf.

Wechselwirkungen:

content, counter-increment

Besonderheiten im Medientyp `handheld`:

Diese Eigenschaft ist nicht Teil des Standards CSS Mobile Profile 1.0. Mobilgeräte, deren Browser diese Eigenschaft umsetzen, sind bisher nicht bekannt.