English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manuale di riferimento CSS

Regole CSS (RULES)

Manuale completo delle proprietà CSS

Metodo di utilizzo e esempio dell'attributo CSS font-weight

L'attributo CSS font-weight imposta la spessore del carattere.

La tabella sottostante fornisce la descrizione dell'uso e la cronologia delle versioni di questa proprietà, nonché la sintassi di utilizzo di questa proprietà nei script JavaScript.

Valore predefinito:Normale
Applicabile a:Tutti gli elementi
Ereditarietà:
Animabile:Sì.Si prega di consultare Proprietà animazione.
Versione:CSS 1, 2, 3
Sintassi JavaScript:oggetto.style.fontWeight="700"

Sintassi dell'uso di font-weight

La sintassi di questo attributo è la seguente:

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | initial | inherit

Gli esempi seguenti illustrano come utilizzare la proprietà font-weight.

  h1 {
   font-weight: normal;
  }
  p {
   font-weight: bold;
  }
Prova a vedere‹/›

Valore dell'attributo

La tabella sottostante descrive i valori di questa proprietà.

ValoreDescrizione
normalSpecificare caratteri normali.
boldSpecificare caratteri in grassetto.
bolderDefinire caratteri più spessi.
lighterDefinire caratteri più sottili.
100

I numeri da 100 a 900 formano una sequenza ordinata, in cui ogni numero rappresenta un valore di peso uguale o maggiore del valore precedente. La parola chiave normal è uguale a 400, il grassetto è uguale a 700.

200
300
400
500
600
700
800
900
initialImposta questa proprietà al suo valore predefinito.
inheritSe specificato, l'elemento correlato adotta il valore della proprietà font-weight dell'elemento padre.

Compatibilità del browser

Compatibilità dei browser per proprietà font-weight, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser principali supportano questa proprietà.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 3+

  • Apple Safari 1+

  • Opera 3.5+

Leggi di più

Si prega di consultare la seguente guida:Caratteri CSS,Testo CSS.

Proprietà e regole correlate:font,font-style,font-variant,font-size,line-height,font-family,@font-face.