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 Gegenschritt Eigenschaft erhöht ein oder mehrere Zählerwerte.
Die Gegenschritt Eigenschaft wird in der Regel zusammen mit dem Gegen Reset-Eigenschaft und den Inhalt Eigenschaft verwendet.
| Standardwert: | none |
|---|---|
| Vererbt: | no |
| Anima: | no. Read about animatable |
| Version: | CSS2 |
| JavaScript-Syntax: | object .style.counterIncrement = "subsection"; 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-increment | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: IE8 unterstützt die counter-increment - Eigenschaft nur , wenn ein DOCTYPE angegeben ist!.
CSS-Syntax
counter-increment: none|id|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung |
|---|---|
| none | Standardwert. Keine Zähler wird erhöht |
| id number | Die id legt fest , welche Zähler, der erhöht werden soll. Die number gibt an, wie viel der Zähler bei jedem Auftreten des Wählers erhöht wird. Der Standardschritt ist 1. 0 oder negative Werte sind erlaubt. Wenn der id zu einem Zähler bezeichnet , die nicht durch Gegen Reset initialisiert wurde, ist die Standard - Anfangswert 0 |
| 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-reset property
HTML - DOM - Referenz: counterIncrement property