Proprietà font CSS

Definizione e uso

La proprietà abbreviata font imposta tutte le proprietà di carattere in una dichiarazione.

Note:Questa proprietà ha anche un sesto valore: "line-height", che può impostare lo spaziatura tra le righe.

Spiegazione

Questa proprietà abbreviata viene utilizzata per impostare due o più aspetti della tipografia dell'elemento in una volta. Utilizzando parole chiave come icona, è possibile impostare correttamente la tipografia dell'elemento in modo che sia coerente con un aspetto dell'ambiente del computer dell'utente. Attenzione, se non vengono utilizzati questi termini, è necessario specificare almeno la dimensione del carattere e la famiglia di caratteri.

可以按顺序设置如下属性：

È possibile impostare in ordine le seguenti proprietà:

È possibile non impostare uno dei valori, ad esempio font:100% verdana; è anche permesso. Le proprietà non impostate utilizzeranno il valore predefinito.

Vedi anche:Caratteri CSS

Guida CSS:Manuale HTML DOM:

Proprietà font

Esempio

Impostare tutte le proprietà del font in una dichiarazione:
  p.ex2
  p.ex1
  font:italic bold 12px/20px arial,sans-serif;
font:italic arial,sans-serif;
  p.ex2
  {
  font:italic bold 12px/20px arial,sans-serif;

}

Prova a farlo tu stesso

Sintassi CSS Determina lo stile del font. Vedi: Determina la variazione del font. Vedi: Determina la spessore del font. Vedi: Determina la dimensione e l'altezza della riga del font. Vedi:font:e font-family/

|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Valore dell'attributo Valore
Determina lo stile del font. Vedi: DescrizioneDetermina lo stile del font. Vedi: valori possibili.
Determina la variazione del font. Vedi: font-styleDetermina la variazione del font. Vedi: valori possibili.
Determina la spessore del font. Vedi: font-variantDetermina la spessore del font. Vedi: valori possibili.
font-weight font-size/line-heightDetermina la dimensione e l'altezza della riga del font. Vedi: font-size e valori possibili.
font-family Determina la serie di caratteri. Vedi:font-family valori possibili.
caption Definisce il font utilizzato dai controlli di titolo (ad esempio, pulsanti, liste a discesa, ecc.).
icon Definisce il font utilizzato dai marcatori di icone.
menu Definisce il font utilizzato dalle liste a discesa.
message-box Definisce il font utilizzato dai dialoghi.
small-caption Versione di piccolo formato del font caption.
status-bar Definisce il font utilizzato dalla barra di stato della finestra.

Dettagli tecnici

Valore predefinito: non specificato
Ereditarietà: sì
Versione: CSS1
Sintassi JavaScript: object.style.font="italic small-caps bold 12px arial,sans-serif"

Esempio TIY

Tutte le proprietà del font in una dichiarazione
Questo esempio dimostra come impostare le proprietà del font in una dichiarazione utilizzando le proprietà abbreviate.
Impostazione del font del paragrafo utilizzando il valore "caption"
Questo esempio dimostra come impostare il font del paragrafo utilizzando il valore "caption".

Supporto del browser

I numeri nella tabella indicano la versione del browser iniziale che supporta completamente l'attributo.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5