CSS - poids de la police

La description

La propriété font-weight modifie le poids visuel des caractères dans un élément.

Valeurs possibles

  • 100, 200, 300, 400, 500, 600, 700, 800 and 900- Définit des caractères fins aux caractères épais. 400 est identique à la normale et 700 est identique à gras.

  • normal- Par défaut. Définit les caractères normaux et équivalent à la valeur 400.

  • bold - Équivaut à la valeur 700.

  • bolder - Les caractères de police de l'élément doivent être plus lourds que ceux de l'élément parent.

  • lighter - Les caractères de police de l'élément doivent être plus clairs que ceux de l'élément parent.

S'applique à

Tous les éléments HTML.

Syntaxe DOM

object.style.fontWeight = "900";

Exemple

Voici l'exemple utilisant cette propriété -

<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>

Cela produira le résultat suivant -