counter-increment - de complete CSS-referentie
Definitie
Verhoogt of verlaagt de waarde van een counter (teller).
|
De inhoud van een counter kan weergegeven worden met content. Zie ook het voorbeeld onder aan de pagina. De inhoud van een counter kan gereset worden met counter-reset. Voordat een counter gebruikt kan worden door counter-increment, moet de counter ook eerst gereset worden. |
Mogelijke waarden
| none | Er wordt geen counter verhoogd of verlaagd. |
| naam nummer | De counter naam wordt verhoogd of verlaagd met nummer. nummer is optioneel en kan ook negatief zijn. Indien nummer niet opgegeven is, wordt de counter met 1 verhoogd. |
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. De counter wordt dus bij elke h1-tag in de HTML-code verhoogd. Voordat we de counter kunnen gebruiken, moet hij eerst nog gereset worden. Dat doen we in de body.
<<< terug naar de index
