CSS - spessore del carattere

Descrizione

La proprietà font-weight altera il peso visivo dei caratteri in un elemento.

Possibili valori

  • 100, 200, 300, 400, 500, 600, 700, 800 and 900- Definisce i caratteri da sottili a spessi. 400 è uguale al normale e 700 è uguale al grassetto.

  • normal- Predefinito. Definisce caratteri normali ed equivalenti al valore 400.

  • bold - Equivalente al valore 700.

  • bolder - I caratteri del font per l'elemento dovrebbero essere più pesanti di quelli dell'elemento genitore.

  • lighter - I caratteri del font per l'elemento dovrebbero essere più chiari di quelli dell'elemento genitore.

Si applica a

Tutti gli elementi HTML.

Sintassi DOM

object.style.fontWeight = "900";

Esempio

Ecco l'esempio che utilizza questa proprietà:

<html>
   <head>
   </head>

   <body>
      <p style = "font-weight:bold;">
         This font is bold.
      </p>
      
      <p style = "font-weight:bolder;">
         This font is bolder.
      </p>
      
      <p style = "font-weight:500;">
         This font is 500 weight.
      </p>
   </body>
</html>

Questo produrrà il seguente risultato: