Beispiel
Ein Weg zur Nummer Abschnitte und Unterabschnitte mit "Section 1" , "1.1" , "1.2" , etc .:
body
{
counter-reset: section;
}
h1
{
counter-reset: subsection;
}
h1:before
{
counter-increment: section;
content: "Section " counter(section) ". ";
}
h2:before
{
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
Versuch es selber " Definition und Verwendung
Die Gegen Reset Eigenschaft erstellt oder setzt einen oder mehrere Zähler.
Die Gegen Reset-Eigenschaft wird in der Regel zusammen mit dem Gegenschritt Eigenschaft und den Inhalt Eigenschaft verwendet.
| Standardwert: | none |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS2 |
| JavaScript-Syntax: | object .style.counterReset="section" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| counter-reset | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: IE8 unterstützt die counter-reset Eigenschaft nur , wenn ein DOCTYPE angegeben ist!.
CSS-Syntax
counter-reset: none|name number|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| none | Standardwert. Keine Zähler wird zurückgesetzt, |
| name | Der name legt fest , welche Zähler, der zurückgesetzt werden soll |
| number | Die id legt fest , welche Zähler, der zurückgesetzt werden soll. Die number setzt den Wert der Zähler bei jedem Auftreten des Wählers eingestellt ist. Der Standardwert ist 0 zurückgesetzt |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Verwandte Seiten
CSS - Referenz: : vor Pseudo-Element
CSS - Referenz: : Nach dem Pseudoelement
CSS - Referenz: content property - content property
CSS - Referenz: counter-increment property - counter-increment property
HTML - DOM - Referenz: counterReset property