Proprietà font-size CSS

Definizione e uso

La proprietà font-size può impostare la dimensione del font.

Descrizione

Questa proprietà imposta la dimensione del font dell'elemento. Attenzione, in realtà imposta l'altezza del rettangolo del carattere; il carattere effettivo può essere più alto o più basso di questi riquadri (solitamente più basso).

Le dimensioni dei font corrispondenti a ciascuna parola devono essere più grandi di quelle del minimo e più piccole di quelle del massimo.

Vedi anche:

Tutorial CSS:Caratteri CSS

Manuale CSS:Proprietà font CSS

Manuale HTML DOM:Proprietà fontSize

Esempio

Impostare la dimensione degli elementi HTML diversi:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

Prova tu stesso

Sintassi CSS

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|più piccolo|più grande|lunghezza|initial|inherit;

Valore dell'attributo

Valore Descrizione
  • xx-small
  • x-small
  • small
  • media
  • large
  • x-large
  • xx-large

Imposta la dimensione del font a diverse dimensioni, da xx-small a xx-large.

Valore predefinito: media.
più piccolo Imposta la dimensione del font come più piccolo rispetto all'elemento genitore.
più grande Imposta la dimensione del font come più grande rispetto all'elemento genitore.
lunghezza Imposta la dimensione del font come valore fisso.
% Imposta la dimensione del font come percentuale rispetto al elemento genitore.
inherit Si prescrive che la dimensione del font debba essere ereditata dal elemento genitore.

Dettagli tecnici

Valore predefinito: media
Ereditarietà: sì
Versione: CSS1
Sintassi JavaScript: oggetto.style.fontSize="più grande"

Esempio TIY

Impostazione della dimensione del font
Questo esempio dimostra come impostare la dimensione del font.

Supporto del browser

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 7.0