English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà CSS counter-reset viene utilizzata in combinazione con la proprietà counter-increment per creare contatori che aumentano automaticamente e vengono visualizzati insieme alla proprietà content.
La tabella sottostante fornisce una descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi dell'uso di 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: | oggetto.style.counterReset="section" |
La sintassi di questo attributo è la seguente:
counter-reset: [ identifier integer ] 1 o più coppie | none | initial | inherit
Ecco un esempio che dimostra come utilizzare l'attributo counter-reset.
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 questa proprietà.
| Valore | Descrizione |
|---|---|
| identifier | Il nome del contatore da azzerare. |
| integer | Ogni volta che appareNella selezione del selettoreAzzera il valore del contatore. Il valore di azzeramento predefinito è 0. |
| none | Non verrà azzerato alcun contatore. Questo è il valore predefinito. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore della proprietà counter-reset del suo elemento padre. |
Compatibilità dei browser con l'attributo counter-reset, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutti i browser mainstream supportano questa proprietà.
|
Attenzione: Internet Explorer 7 e versioni precedenti non supportano l'attributo counter-increment. IE8 solo in<!DOCTYPE>Supporta solo valori validi specificati.
Ecco come fare riferimento ai seguenti tutorial:Elementi pseudo di CSS。
Proprietà correlate:content，counter-increment。