CSS teller-herstel eigenschap

Definitie en gebruik

De eigenschap counter-reset stelt de waarde van de teller in voor het aantal keren dat een bepaalde selector verschijnt. De standaardwaarde is 0.

Gebruik deze eigenschap om de teller in te stellen of opnieuw in te stellen op elk gewenst getal, zowel positief als negatief. Als geen getal wordt opgegeven, is de standaardwaarde 0.

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

Zie ook:

CSS referentiemanual:Pseudo-eigenschap :before van CSS

CSS referentiemanual:Pseudo-eigenschap :after van CSS

CSS referentiemanual:content-eigenschap

CSS referentiemanual:counter-increment-eigenschap

CSS functie:counter() functie

HTML DOM referentiemanual:counterReset-eigenschap

Voorbeeld

De methode om delen en subdelen te nummeren (bijvoorbeeld "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) ";
  }

Probeer het zelf

CSS syntaxis

counter-reset: none|Naam number|initial|inherit;

Eigenschapswaarde

Waarde Beschrijving
geen Standaard. Het is niet mogelijk om de teller van de selector te resetten.
id number

id Definieer de selector, id of class die de teller moet resetten.

number De waarde van de teller die de frequentie van deze selector aangeeft kan een positief getal, nul of een negatief getal zijn.
inherit De waarde van de eigenschap counter-reset moet van de ouder-element worden geërfd.

Technische details

Standaardwaarde: geen
Inheritantie: nee
Versie: CSS2
JavaScript syntaxis: object.style.counterReset="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-reset-eigenschap.