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 testo utilizzato dall'elemento visualizzato. Il valore numerico 400 è equivalente a chiave normale, 700 è equivalente a bold. Ogni valore numerico deve essere almeno tanto sottile quanto il valore numerico successivo più piccolo e almeno tanto spessa quanto il valore numerico successivo più grande.

Vedi anche:

Corso CSS:Caratteri CSS

Manuale CSS:Proprietà font CSS

Manuale HTML DOM:Proprietà fontWeight

Esempio

Impostare lo spessore del carattere di 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|più spessore|più leggero|numero|initial|inherit;

Valore dell'attributo

Valore Descrizione
normale Valore predefinito. Definisce il carattere standard.
grassetto Definisce caratteri in grassetto.
più spessore Definisce caratteri più spessi.
più leggero 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 Stabilisce che lo spessore del carattere debba 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
Questo esempio dimostra come impostare la spessore del carattere.

Supporto del browser

I numeri nel tavolo indicano la versione del browser iniziale che supporta pienamente questa proprietà.

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