English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo font CSS imposta lo stile, la variante, il grassetto, la dimensione/linea alta e la serie di caratteri del contenuto del testo dell'elemento. È utilizzato in una dichiarazione singolafont-style,font-variant,font-weight,font-size,line-heightefont-familyImposta i proprietari abbreviati di vari attributi dei caratteri
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: | Visualizza tutte le proprietà |
|---|---|
| Applicabile a: | Tutti gli elementi |
| Ereditarietà: | Sì |
| Animabile: | Sì, perché alcune proprietà di abbreviazione possono essere animate.Si prega di consultare Proprietà dell'animazione. |
| Versione: | CSS 1, 2, 3 |
| Sintassi JavaScript: | object.style.font="italic small-caps bold 14px arial,sans-serif" |
L'attributo syntaxa è il seguente:
font: [font-style font-variant font-weight font-size/line-height font-family] | caption | icon | menu | message-box | small-caption | status-bar | initial | inherit
Quando si utilizza l'attributo abbreviato del font, devono essere soddisfatte alcune condizioni. Se non sono soddisfatte queste condizioni, l'attributo non è valido e verrà completamente ignorato.
Deve essere definitofont-sizeefont-familyvalore dell'attributo.
Deve esserefont-sizevalore (se presente) prima di definire il valore dell'attributo.font-style,font-variantefont-weightvalore dell'attributo.
line-heightDeve esserefont-sizeDefinire il valore dell'attributo immediatamente dopo l'attributo, aggiungendo un trattino obliquo obbligatorio “/” (trattino obliquo) davanti.
font-familyDeve essere l'ultimo valore definito.
Ecco un esempio di come utilizzare la proprietà font, notare l'ordine dei valori delle proprietà.
h1 {
font: bold 2.5em "Times New Roman", Times, serif;
}
p {
font: normal 1.2em Arial, Helvetica, sans-serif;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| font-style | Impostare lo stile del carattere. |
| font-variant | Impostare la variante del carattere. |
| font-weight | Impostare la spessore del carattere. |
| font-size | Impostare la dimensione del carattere. |
| line-height | Impostare l'altezza della linea. |
| font-family | Specificare la famiglia di caratteri. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta i valori delle proprietà font del suo elemento padre. |
I seguenti valori si riferiscono ai caratteri di sistema: | |
| caption | Caratteri utilizzati per etichettare controlli didascalie (ad esempio, pulsanti, menu a discesa, ecc.). |
| icon | Caratteri utilizzati per etichettare icone. |
| menu | Caratteri utilizzati nei menu (ad esempio, menu a discesa e liste di menu). |
| message-box | Caratteri utilizzati nei messaggi di dialogo. |
| small-caption | Caratteri utilizzati per etichettare piccoli controlli. |
| status-bar | Caratteri utilizzati nella barra di stato della finestra. |
Compatibilità dei browser per le proprietà font, i numeri nella tabella sotto rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Ecco una guida da consultare:Caratteri CSS,Testo CSS.
Proprietà e regole correlate:font-style,font-variant,font-weight,font-size,line-height,font-family,@font-face.