html-wijzer

webdesign portal

counter-reset - de complete CSS-referentie

Definitie

Reset de waarde van een counter (teller). Moet ook gebruikt worden om een counter aan te maken, voordat de counter gebruikt kan worden in counter-increment.

De inhoud van een counter kan verhoogd of verlaagd worden met counter-increment.

Mogelijke waarden

noneEr wordt geen counter gereset.
naam nummerDe counter naam wordt gereset. nummer is optioneel, en reset de counter naar het opgegeven nummer. Indien nummer niet opgegeven is, wordt de counter naar 0 gereset.

Overige informatie

Standaardwaarde   none
Wordt geërfd?   nee
CSS vanaf versie   2
Firefox vanaf versie   1
Internet Explorer vanaf versie   8

Voorbeeld

Bovenstaand voorbeeld laat zien hoe hoofdstuknummers toegevoegd kunnen worden aan het h1 HTML-element, en sectienummers aan het h2 HTML-element. Om dat te bereiken, moet de sectie-counter bij elke h1-tag in de HTML-code gereset worden. Ook zie je dat de hoofdstuk-counter eerst gereset moet worden (in de body), voordat hij gebruikt kan worden in counter-increment. Ook de sectie-counter moet eerst gereset worden, maar dat gebeurt al bij de eerste h1-tag. Dat hoeven we dus niet meer in de body te doen.

<<< terug naar de index

Bookmark and Share