CSS counter-increment Eigenschaft

Definition und Verwendung

Die counter-increment-Eigenschaft legt die Zählererhöhung für jeden Auswahlanweisungswert fest. Der Standardwert der Erhöhung ist 1.

Erklärung

Mit dieser Eigenschaft kann der Zähler einen Wert (oder eine negative Zahl) erhöhen (oder verringern). Wenn keine number-Wert angegeben wird, beträgt der Standardwert 1.

Anmerkung:Wenn "display: none" verwendet wird, kann die Zählung nicht erhöht werden. Wenn "visibility: hidden" verwendet wird, kann die Zählung erhöht werden.

Weitere Informationen:

CSS Referenzhandbuch:CSS :before Pseudo-Element

CSS Referenzhandbuch:CSS :after Pseudo-Element

CSS Referenzhandbuch:content-Eigenschaft

CSS Referenzhandbuch:counter-reset-Eigenschaft

CSS Funktion:counter() Funktion

HTML DOM Referenzhandbuch:counterIncrement-Eigenschaft

Beispiel

Methode zum Nummerieren von Abschnitten und Unterabschnitten (z.B. "Section 1", "1.1", "1.2"):

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Section " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) ";
  }

Probieren Sie es selbst aus

CSS-Syntax

counter-increment: none|id|initial|inherit;

Attributwert

Wert Beschreibung
keine Standard. Der Selector hat keinen Zählerinkrement.
id number

id Definiert den Selector, id oder class, der erhöht werden soll.

number Definiert den Inkrementwert. number kann eine positive, null oder negative Zahl sein.
inherit Die counter-increment-Eigenschaft sollte vom übergeordneten Element geerbt werden.

Technische Details

Standardwert: keine
Vererbung: nein
Version: CSS2
JavaScript-Syntax: object.style.counterIncrement="subsection"

Browser-Unterstützung

Die Zahlen in der Tabelle verweisen auf die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Anmerkung:Wenn !DOCTYPE bereits definiert ist, unterstützt Internet Explorer 8 (und höher) die counter-increment-Eigenschaft.