Esempio
Specificare tutte le proprietà dei font in una dichiarazione:
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e utilizzo
La proprietà abbreviata carattere imposta tutte le proprietà dei font in una dichiarazione.
Le proprietà che possono essere impostate, sono (in order) : "font-style font-variant font-weight font-size/line-height font-family"
Sono richiesti i valori di font-size e font-family. Se uno degli altri valori sono mancanti, verranno inseriti i valori di default, se presente.
Note: La proprietà line-height imposta lo spazio tra le linee.
| Valore di default: | The default value of all the font properties |
|---|---|
| Inherited: | yes |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versione: | CSS1 |
| sintassi JavaScript: | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Nota: Vedere sostegno individuale del browser per ogni valore di seguito.
CSS Sintassi
font:font-stylefont-variantfont-weightfont-size/line-height
font-family |caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;I valori delle proprietà
| Costo dell'immobile | Descrizione |
|---|---|
| font-style | Specifica lo stile del carattere. Il valore di default è "normal" . Vedere font-style per i possibili valori |
| font-variant | Specifica la variante del font. Il valore di default è "normal" . Vedere font-variant per i possibili valori |
| font-weight | Specifica lo spessore del carattere. Il valore di default è "normal" . Vedere font-weight per i possibili valori |
| font-size/line-height | Specifica la dimensione del carattere e il line-height. Il valore di default è "normal" . Vedere font-size e line-height per i possibili valori |
| font-family | Specifica la famiglia di font. Il valore di default dipende dal browser. Vedere font-family per i possibili valori |
| caption | Utilizza il carattere che vengono utilizzati dai controlli didascalie (come pulsanti, menu a discesa, ecc) |
| icon | Utilizza il tipo di carattere che vengono utilizzati per le etichette delle icone |
| menu | Utilizza i caratteri che vengono utilizzati da menu a discesa |
| message-box | Utilizza i caratteri che vengono utilizzati da finestre di dialogo |
| small-caption | Una versione più piccola del carattere caption |
| status-bar | Utilizza i caratteri che vengono utilizzati dalla barra di stato |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Altri esempi
Esempio
A dimostrazione di alcuni degli altri valori di proprietà font.
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p
style="font:menu">The browser font used in dropdown menus.</p>
<p
style="font:message-box">The browser font used in dialog boxes.</p>
<p
style="font:small-caption">A smaller version of the caption font.</p>
<p
style="font:status-bar">The browser font used in the status bar.</p> Prova tu stesso " Pagine correlate
Tutorial CSS: CSS Font
Di riferimento HTML DOM: font property