CSS teller-verhoog eigenschap

Definitie en gebruik

De counter-increment-eigenschap stelt de tellerstand van een selecteur in voor elke verschijning. De standaard increment is 1.

Verklaring

Gebruik deze eigenschap om een waarde te verhogen (of te verlagen) met een teller, wat een positieve of negatieve waarde kan zijn. Als geen waarde voor number wordt opgegeven, is de standaardwaarde 1.

Opmerking:Als "display: none" wordt gebruikt, kan de telling niet worden verhoogd. Als "visibility: hidden" wordt gebruikt, kan de telling wel worden verhoogd.

Zie ook:

CSS Referentiemanual:CSS :before pseudoelement

CSS Referentiemanual:CSS :after pseudoelement

CSS Referentiemanual:content eigenschap

CSS Referentiemanual:counter-reset eigenschap

CSS Functie:counter() functie

HTML DOM Referentiemanual:counterIncrement eigenschap

Voorbeeld

De methode om delen en subdelen te nummeren (bijvoorbeeld "Section 1", "1.1", "1.2") is:

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) ";
  }

Probeer het zelf

CSS Syntax

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

Eigenschapswaarde

Waarde Beschrijving
geen Standaard. Selectors hebben geen tellerincrement.
id number

id Definieer de selectie, id of class die het tellen zal vergroten.

number Definieer het increment. number kan een positief getal, nul of een negatief getal zijn.
inherit De waarde van de counter-increment-eigenschap moet van het ouder-element worden geërfd.

Technische details

Standaardwaarde: geen
Inherits: nee
Versie: CSS2
JavaScript Syntax: object.style.counterIncrement="subsection"

Browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die de eigenschap volledig ondersteunt.

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

Opmerking:Als !DOCTYPE is gedefinieerd, ondersteunt Internet Explorer 8 (en hogere versies) de counter-increment-eigenschap.