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-reset crea o si ripristina uno o più contatori.
La proprietà counter-reset di solito è usato insieme con la proprietà counter-increment e la proprietà dei contenuti.
| Valore di default: | none |
|---|---|
| Inherited: | no |
| animatable: | no. Read about animatable |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.counterReset="section" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| counter-reset | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: IE8 supporta la proprietà counter-reset solo se viene specificato un DOCTYPE!.
CSS Sintassi
counter-reset: none|name number|initial|inherit;I valori delle proprietà
| Valore | Descrizione |
|---|---|
| none | Valore di default. Non contatori saranno resettati |
| name | Il name definisce quale contatore che deve essere ripristinato |
| number | L' id definisce quale contatore che deve essere ripristinato. Il number imposta il valore del contatore è impostato su ogni occorrenza del selettore. Il valore di reset 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-increment property
Di riferimento HTML DOM: counterReset property