English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Proprietà content CSS e ::before e ::afterelemento pseudoUtilizzati in combinazione per generare il contenuto degli elementi.
La tabella seguente fornisce una descrizione dell'uso e la cronologia delle versioni di questo attributo, nonché la sintassi dell'uso in script JavaScript.
| Valore predefinito: | normal |
|---|---|
| Applicabile a: | ::before e ::after elemento pseudo |
| Ereditarietà: | Nessuno |
| Animabile: | No.Vedere: Proprietà animazione. |
| Versione: | CSS 2, 3 |
| Sintassi JavaScript: | object.style.content="counter" |
La sintassi di questo attributo è la seguente:
content: normal | none | counter | string | url(url) | attr(attribute) | open-quote | close-quote | no-open-quote | no-close-quote | initial | inherit
Il seguente esempio dimostra come utilizzare l'attributo content.
h1::before {
content: "Capitolo: ";
display: inline;
}Prova a vedere‹/›Nota:display L'attributo CSS controlla dove viene posizionato il contenuto generato dall'attributo content, all'interno di un blocco o di un riquadro inline.
La tabella sottostante descrive i valori di questo attributo.
| valore | descrizione |
|---|---|
| normal | per :before e :after elemento pseudo,Non calcola alcun valore. Questo è il valore predefinito. |
| none | dell'elemento pseudoNon produce. |
| counter | Questo valore imposta content come contatore. Per ulteriori informazioni, vederecounter-resetecounter-incrementattributo. |
| 串 | Inserisci la stringa specificata (contenuto del testo). |
| url(url) | Il valore url() specifica risorse esterne (ad esempio immagini). Se la risorsa o l'immagine non può essere visualizzata, viene ignorata o visualizzata alcune placeholder. |
| attr(attribute) | Questa funzione inserisce il valore dell'attributo specificato prima o dopo l'elemento selezionato. Se il tema del selettore non ha l'attributo specificato, viene inserita una stringa vuota. Nota: Il nome dell'attributo non deve essere virgolettato. |
| open-quote | Inserisci la virgoletta sinistra. Questi valori vengono sostituiti con la stringa appropriata dell'attributo quotes. |
| close-quote | Inserisci la virgoletta destra. Questi valori vengono sostituiti con la stringa appropriata dell'attributo quotes. |
| no-open-quote | Non visualizza la virgoletta iniziale, ma aumenta (diminuisce) il livello di nesting delle virgolette. |
| no-close-quote | Non visualizza il virgoletta destra, ma aumenta (diminuisce) il livello di nesting delle virgolette. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore dell'attributo content del suo elemento padre. |
Compatibilità dei browser per la proprietà content, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta la proprietà; tutti i browser mainstream supportano questa proprietà.
|
Attenzione: Internet Explorer 7 e versioni precedenti non supportano questa proprietà content. IE8 supporta soloSupporta solo i valori validi specificati.
Si prega di consultare la seguente guida:Elementi pseudo-CSS.
Proprietà correlate:counter-reset,counter-increment.