Proprietà di stile font

Definizione e uso

font Le proprietà possono essere impostate o restituite in forma abbreviata per un massimo di sei proprietà di carattere singolo.

Attraverso questa proprietà, è possibile impostare/ritornare il seguente contenuto (in questo ordine):

font-size e font-family È obbligatorio. Se manca uno dei valori, verrà inserito il valore predefinito (se disponibile).

Queste proprietà possono anche essere impostate utilizzando singoli attributi di stile. Si consiglia vivamente agli autori non esperti di utilizzare attributi singoli per ottenere una migliore controllabilità.

Vedi anche:

Tutorial CSS:Caratteri CSS

Manuale CSS:Attributo font

Esempio

Esempio 1

Imposta il carattere del <p> elemento:

document.getElementById("myP").style.font = "italic bold 20px arial,serif";

Prova tu stesso

Esempio 2

Restituisce il carattere del <p> elemento:

alert(document.getElementById("myP").style.font);

Prova tu stesso

Sintassi

Restituisce l'attributo font:

object.style.font

Imposta l'attributo font:

object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"

Valore dell'attributo

Valore Descrizione
style Imposta lo stile del carattere.
variant Imposta il testo in minuscolo maiuscolo.
weight Imposta la spessore del carattere.
size Imposta la dimensione del carattere.
lineHeight Imposta la spaziatura tra le righe.
family Imposta il carattere.
caption Carattere utilizzato nei controlli di titolo (come pulsanti, menu a discesa, ecc.).
icon Carattere utilizzato per i pulsanti delle icone.
menu Carattere utilizzato nei menu.
message-box Carattere utilizzato nei messaggi di dialogo.
small-caption Carattere utilizzato nei piccoli controlli.
status-bar Carattere utilizzato nella barra di stato della finestra.
initial Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: Non specificato
Valore di ritorno: Stringa che rappresenta le diverse proprietà di carattere dell'elemento.
Versione CSS: CSS1

Supporto del browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto