Proprietà counter-increment CSS

Definizione e utilizzo

L'attributo counter-increment imposta l'aumento del contatore per ogni apparizione di un selettore. L'aumento predefinito è 1.

Spiegazione

Utilizzando questa proprietà, il contatore può aumentare (o diminuire) un valore, che può essere positivo o negativo. Se non viene fornito il valore number, il valore predefinito è 1.

Nota:Se è stato utilizzato "display: none", non è possibile aumentare il conteggio. Se è stato utilizzato "visibility: hidden", è possibile aumentare il conteggio.

Vedere anche:

Manuale CSS:Pseudo-elemento CSS :before

Manuale CSS:Pseudo-elemento CSS :after

Manuale CSS:Proprietà content

Manuale CSS:Attributo counter-reset

Funzione CSS:Funzione counter()

Manuale HTML DOM:Attributo counterIncrement

Esempio

Metodi 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 personalmente

Sintassi CSS

counter-increment: none|id|initial|inherit;

Valore dell'attributo

Valore Descrizione
nessuna Predefinito. Il selettore non ha incrementi di contatore.
id number

id Definire il selettore, l'id o la classe che verranno aumentati nel conteggio.

number Definire l'incremento. number può essere un numero positivo, zero o negativo.
inherit Deve essere definito il valore dell'attributo counter-increment dall'elemento genitore.

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: no
Versione: CSS2
Sintassi JavaScript: object.style.counterIncrement="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 successive) supportano l'attributo counter-increment.