Attribut font-weight CSS

Définition et utilisation

La propriété fontWeight définit la gravité des polices du texte.

Explication

Cette propriété est utilisée pour définir la gravité des polices utilisées dans le texte affiché par l'élément. La valeur numérique 400 équivaut à la keyword normal, et 700 est équivalent à bold. Chaque valeur numérique de gravité des polices doit être au moins aussi fine que la valeur la plus petite suivante et au moins aussi épaisse que la valeur la plus grande suivante.

Voir également :

Tutoriel CSS :Polices CSS

Manuel de référence CSS :Attribut font CSS

Manuel de référence HTML DOM :Propriété fontWeight

Exemple

Définir la gravité des polices de trois paragraphes :

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

Essayer par vous-même

Syntaxe CSS

font-weight: normal|bold|bolder|lighter|number|initial|hériter;

Valeur de l'attribut

Valeur Description
normal Valeur par défaut. Définit des caractères standards.
bold Définit des caractères en gras.
bolder Définit des caractères plus gras.
lighter Définit des caractères plus fins.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 Définit des caractères allant de gras à fin. 400 équivaut à normal, et 700 équivaut à bold.
hériter Définit que la gravité des polices doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : normal
Héritabilité : oui
Version : CSS1
Syntaxe JavaScript : objet.style.fontWeight="900"

Exemple pratique

Définir la gravité des polices
cet exemple montre comment définir la gravité des polices.

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

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