English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà CSS counter-increment aggiunge un valore a un o più contatori. Questa proprietà è molto utile per creare funzionalità di numerazione automatica.
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi utilizzata per questa proprietà nei script JavaScript.
| Valore predefinito: | none |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | Nessuno |
| Animabile: | No.Si prega di consultare Proprietà animazione. |
| Versione: | CSS 2, 3 |
| Sintassi JavaScript: | object.style.counterIncrement="section" |
La sintassi di questo attributo è la seguente:
counter-increment: [ identifier integer ]1 o più coppie | none | initial | inherit
Esempio seguente dimostra come utilizzare l'attributo counter-increment.
body {
counter-reset: section;
}
h1 {
counter-reset: category;
}
h1:before {
counter-increment: section;
content: "Section " counter(section) ". ";
}
h2:before {
counter-increment: category;
content: counter(section) "." counter(category) " ";
}Prova a vedere‹/›La tabella sottostante descrive i valori di questo attributo.
| Valore | Descrizione |
|---|---|
| identifier | Nome del contatore da incrementare. |
| integer | Valore da aggiungere al contatore. L'incremento predefinito è 1. Permette zero o valori negativi. |
| none | Nessun contatore verrà incrementato. Questo è il valore predefinito. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore dell'attributo direction dell'elemento padre. |
Compatibilità del browser dell'attributo counter-increment, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano l'attributo.
|
Attenzione: Internet Explorer 7 e versioni precedenti non supportano l'attributo counter-increment. IE8 solo in<!DOCTYPE>Supporta solo valori validi specificati.
Si prega di consultare la seguente guida:Elementi pseudo di CSS.
Proprietà correlate:content,counter-reset.