CSS counter-reset-Eigenschaft
Beispiel
Methode zum Nummerieren von Abschnitten und Unterabschnitten (wie "Abschnitt 1", "1.1", "1.2"):
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) "." Zähler(subsection) " ";
}
Selbst ausprobieren »
Attributdefinition und Verwendungshinweise
Die counter-reset-Eigenschaft erstellt oder setzt einen oder mehrere Zähler zurück.
Die counter-reset-Eigenschaft wird normalerweise zusammen mit der counter-increment-Eigenschaft und der content-Eigenschaft verwendet.
| Standardwert: | none |
|---|---|
| Vererbt: | nein |
| Version: | CSS2 |
| JavaScript-Syntax: | object.style.counterReset="subsection" |
Browser-Unterstützung
Alle wichtigen Browser unterstützen die counter-reset-Eigenschaft.
Hinweis:IE8 unterstützt die counter-reset-Eigenschaft nur, wenn ein !DOCTYPE angegeben ist.
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| none | Standard. Der Zähler des Selektors kann nicht zurückgesetzt werden. |
| id number | id Definiert den Selektor, die id oder die Klasse, für die der Zähler zurückgesetzt wird. number Der Wert des Zählers kann auf die Anzahl gesetzt werden, wie oft dieser Selektor vorkommt. Kann positiv, null oder negativ sein. |
| inherit | Gibt an, dass der Wert der Eigenschaft counter-reset vom übergeordneten Element geerbt werden soll. |
Ähnliche Artikel
CSS-Referenz: :before-Pseudoelement
CSS-Referenz: :after-Pseudoelement
CSS-Referenz: content-Eigenschaft
CSS-Referenz: counter-increment-Eigenschaft
Weitere Erweiterungen