Esempio
Un modo al numero sezioni e sottosezioni con "Section 1" , "1.1" , "1.2" , ecc .:
body
{
counter-reset: section;
}
h1
{
counter-reset: subsection;
}
h1:before
{
counter-increment: section;
content: "Section " counter(section) ". ";
}
h2:before
{
counter-increment: subsection;
content: counter(section) "." counter(subsection) " ";
}
Prova tu stesso " Definizione e utilizzo
La proprietà counter-increment incrementa di uno o più valori del contatore.
La proprietà counter-increment di solito è usato insieme con la proprietà counter-reset e la proprietà dei contenuti.
| Valore di default: | none |
|---|---|
| Inherited: | no |
| animatable: | no. Read about animatable |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.counterIncrement = "subsection"; Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| counter-increment | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: IE8 supporta la proprietà counter-increment solo se viene specificato un DOCTYPE!.
CSS Sintassi
counter-increment: none|id|initial|inherit;I valori delle proprietà
| Valore | Descrizione |
|---|---|
| none | Valore di default. Non contatori saranno incrementati |
| id number | L' id definisce quale contatore che deve essere incrementato. Il number imposta quanto il contatore si incrementa su ogni occorrenza del selettore. L'incremento predefinito è 1. I valori 0 o negativi, sono consentite. Se l' id riferisce ad un contatore che non è stato inizializzato dal counter-reset, il valore iniziale di default è 0 |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
Riferimento CSS: : prima elemento pseudo
Riferimento CSS: : dopo elemento pseudo
Riferimento CSS: content property
Riferimento CSS: counter-reset property
Di riferimento HTML DOM: counterIncrement property