Proprietà counter-reset CSS

Definizione e utilizzo

L'attributo counter-reset imposta il valore del contatore delle occorrenze di un selettore specifico. Il valore predefinito è 0.

Utilizzando questa proprietà, il contatore può essere impostato o ripristinato a qualsiasi valore, positivo o negativo. Se non viene fornito number, il valore predefinito è 0.

Nota:Se si utilizza "display: none", non è possibile riavviare il contatore. Se si utilizza "visibility: hidden", è possibile riavviare il contatore.

Vedi anche:

Manuale di riferimento CSS:Falso elemento CSS :before

Manuale di riferimento CSS:Falso elemento CSS :after

Manuale di riferimento CSS:Proprietà content

Manuale di riferimento CSS:Attributo counter-increment

Funzione CSS:Funzione counter()

Manuale di riferimento HTML DOM:Attributo counterReset

Esempio

Il metodo per numerare sezioni e sottosezioni (ad esempio "Sezione 1", "1.1", "1.2"):

body
  {
  counter-reset:section;
  }
h1
  {
  counter-reset:subsection;
  }
h1:before
  {
  content:"Sezione " counter(section) ". ";
  counter-increment:section;
  }
h2:before
  {
  counter-increment:subsection;
  content:counter(section) "." counter(subsection) ";
  }

Prova a fare tu stesso

Sintassi CSS

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

Valore dell'attributo

Valore Descrizione
nessuna Predefinito. Non è possibile riavviare il contatore del selettore.
id number

id Definire il selettore, l'id o la classe per il riavvio del contatore.

number Può essere impostato il valore del contatore che appare questa scelta. Può essere un numero positivo, zero o negativo.
inherit Deve essere definito il valore dell'attributo counter-reset dall'elemento padre.

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: oggetto.style.counterReset="subsection"

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
4.0 8.0 2.0 3.1 9.6

Nota:Se è stato definito !DOCTYPE, allora Internet Explorer 8 (e versioni superiori) supporta l'attributo counter-reset.