Proprietà font-weight CSS

Definizione e uso

La proprietà font-weight imposta lo spessore del testo.

Spiegazione

Questa proprietà viene utilizzata per impostare la spessore del carattere del testo visualizzato dall'elemento. Il valore numerico 400 è equivalente a chiave parola normale, 700 è equivalente a bold. Ogni valore numerico di spessore del carattere deve essere almeno tanto sottile quanto il valore numerico più piccolo e almeno tanto spessa quanto il valore numerico più grande.

Vedi anche:

Corso CSS:Caratteri CSS

Manuale CSS:Proprietà font CSS

Manuale HTML DOM:Proprietà fontWeight

Esempio

Impostare lo spessore del carattere dei tre paragrafi:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

Prova da solo

Sintassi CSS

font-weight: normale|bold|bolder|lighter|numero|initial|inherit;

Valore dell'attributo

Valore Descrizione
normale Valore predefinito. Definisce il carattere standard.
bold Definisce caratteri in grassetto.
bolder Definisce caratteri più spessi.
lighter Definisce caratteri più sottili.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Definisce i caratteri da spessi a sottili. 400 è equivalente a normale, mentre 700 è equivalente a bold.
inherit Specifica che la spessore del carattere dovrebbe essere ereditato dal elemento genitore.

Dettagli tecnici

Valore predefinito: normale
Ereditarietà: sì
Versione: CSS1
Sintassi JavaScript: oggetto.style.fontWeight="900"

Esempio TIY

Impostare lo spessore del carattere del testo
Questo esempio dimostra come impostare la spessore del carattere del testo.

Supporto del browser

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

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