Proprietà font-size-adjust CSS

Definizione e uso

L'attributo 'font-size-adjust' stabilisce un valore di aspect per un elemento, in modo da mantenere l'x-height del font preferito.

Spiegazione

L'altezza del minuscolo "x" e l'altezza del carattere "font-size" sono chiamati valore di aspect di un carattere. Quando un carattere ha un valore di aspect alto, è più facile leggere quando il carattere viene impostato a dimensioni molto piccole. Esempio: il valore di aspect di Verdana è 0.58 (ciò significa che quando la dimensione del carattere è di 100px, la sua x-height è di 58px). Il valore di aspect di Times New Roman è 0.46. Questo significa che Verdana è più facile da leggere a dimensioni piccole rispetto a Times New Roman.

Vedi anche:

Tutorial CSS:Caratteri CSS

Manuale di riferimento CSS:Proprietà font CSS

Manuale di riferimento HTML DOM:Proprietà fontSizeAdjust

Esempio

Impostare la proprietà font-size-adjust di diversi elementi HTML:

h1
  {
  font-size-adjust:0.58;
  }
p
  {
  font-size-adjust:0.60;
  }

Prova tu stesso

Sintassi CSS

font-size-adjust: numero|nessuna|iniziale|ereditato;

Valore dell'attributo

Valore Descrizione
nessuna Predefinito. Se questo carattere non è disponibile, non mantiene l'x-height di questo carattere.
numero

Definire la rapporto di valore di aspect del carattere.

Formula utilizzabile:

Dimensione del carattere del carattere preferito * (valore di font-size-adjust / valore di aspect del carattere disponibile) = dimensione del carattere applicabile al carattere disponibile

Esempio:

Se il Verdana (con un valore di aspect di 0.58) di 14px non è disponibile, ma un carattere disponibile ha un valore di aspect di 0.46, la dimensione del carattere del carattere sostitutivo sarà 14 * (0.58/0.46) = 17.65px.

Dettagli tecnici

Valore predefinito: nessuna
Ereditarietà: sì
Versione: CSS2
Sintassi JavaScript: oggetto.style.fontSizeAdjust="0.70"

Esempio TIY

Impostare la dimensione del carattere utilizzando font-size-adjust
Questo esempio dimostra come utilizzare la proprietà font-size-adjust per impostare la dimensione del carattere.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà.

Chrome IE / Edge Firefox Safari Opera
non supportato non supportato 3.0 non supportato non supportato