counter-reset
(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)
Die Eigenschaft counter-reset setzt einen Zähler auf einen bestimmten Wert zurück. Dieses geschieht jedes Mal, wenn die CSS-Regel angewendet wird. Das Standardverhalten setzt den Zähler auf den Wert 0, es kann aber auch jeder beliebige Wert angegeben werden.
Vererbt: nein
Siehe auch: counter-increment
Werte
Ein Zählername, optional gefolgt von einer positiven oder negativen ganzen Zahl, die den Wert für den Zähler angibt, auf den er zurückgesetzt werden soll. Wenn mehrere Zähler eines einzigen Elements zurückgesetzt werden sollen, werden Name (und optionale Beträge) mit Leerzeichen voneinander getrennt angegeben. Der Standardwert none wird ebenfalls unterstützt, hat aber keinen praktischen Nutzen.
Standardwert: none
Kompatibilität
CSS-Version: 2
Wird von keinem aktuellen Browser unterstützt.
Beispiel
Folgende Stilregeln benutzen h1-Elemente und h2-Elemente, um Kapitel und Unterkapitel zu markieren. Beide Elemente werden in hierarchischer Nummerierung angezeigt:
h1 {
counter-increment: chapter;
counter-reset: section;
}
h1:before {
content: "Kapitel " counter(chapter) " - ";
}
h2 {
counter-increment: section;
}
h2:before {
content: "Abschnitt " counter(chapter) "." counter(section) " - ";
}| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg