Proprietà fontSizeAdjust dello stile

Definizione e uso

fontSizeAdjust L'attributo imposta o restituisce il valore aspect del font del testo.

Tutti i font hanno un valore aspect, che è la differenza di dimensione tra la lettera minuscola "x" e la lettera maiuscola "X".

Quando il font preferito non è disponibilefontSizeAdjust Questo attributo ti permette di controllare meglio la dimensione del font. Quando il font non è disponibile, il browser utilizza il secondo font specificato. Questo può causare una grande variazione nella dimensione del font. Per prevenire questo, utilizzare questo attributo.

Quando il browser conosce il valore aspect del primo font scelto, può determinare quale dimensione di font utilizzare per visualizzare il testo con il secondo font scelto.

Vedi anche:

Tutorial CSS:Caratteri CSS

Manuale CSS:Proprietà font-size

Manuale HTML DOM:Proprietà font

Esempio

Adeguamento della dimensione del font:

document.getElementById("myP").style.fontSizeAdjust = "0.58";

Prova personalmente

Sintassi

Restituisce l'attributo fontSizeAdjust:

oggetto.style.fontSizeAdjust

Imposta l'attributo fontSizeAdjust:

oggetto.style.fontSizeAdjust = "nessuno|numero|initial|inherit"

Valore dell'attributo

Valore Descrizione
nessuno Valore predefinito. Non modifica la dimensione del font.
numero

Mantiene l'altezza x del font preferito e calcola il rapporto aspetto del font.

Formula utilizzata: dimensione del font preferito * (valore aspect del font preferito / valore aspect del font disponibile) = dimensione del font utilizzata per il font disponibile

Esempio: se 14px Verdana (rapporto aspetto 0.58) non è disponibile, ma il font Times New Roman ha un rapporto aspetto di 0.46, la dimensione del font da utilizzare sarà 14*(0.58/0.46) = 17.65px.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita da questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: nessuno
Valore di ritorno: Stringa che rappresenta il valore aspect del font del testo.
Versione CSS: CSS3

Supporto browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Non supportato Non supportato Supportato Non supportato Non supportato