CSS counter-increment-Eigenschaft
Beispiel
Eine 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 »
Eigenschaftsdefinition und Verwendungshinweise
Die counter-increment-Eigenschaft inkrementiert einen oder mehrere Zählerwerte.
Die counter-increment-Eigenschaft wird typischerweise in Verbindung mit der counter-reset-Eigenschaft und der content-Eigenschaft verwendet.
| Standardwert: | none |
|---|---|
| Vererbt: | nein |
| Version: | CSS2 |
| JavaScript-Syntax: | object.style.counterIncrement="subsection" |
Browser-Unterstützung
Alle wichtigen Browser unterstützen die counter-increment-Eigenschaft.
Hinweis:IE8 unterstützt die counter-increment-Eigenschaft nur, wenn ein !DOCTYPE angegeben ist.
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| none | Kein Zähler wird inkrementiert |
| id number | id definiert den Selektor, die ID oder die Klasse, deren Zählerstand erhöht wird. number definiert den Inkrementwert. number kann positiv, null oder negativ sein. |
| inherit | Der Wert der counter-increment-Eigenschaft sollte vom übergeordneten Element geerbt werden. |
Ähnliche Artikel
CSS-Referenzhandbuch::before-Pseudoelement
CSS-Referenzhandbuch::after-Pseudoelement
CSS-Referenzhandbuch:content-Eigenschaft
CSS-Referenzhandbuch:counter-reset-Eigenschaft
Weitere Erweiterungen