Accueil    CSS    Propriété Font-weight
 



style css font-weight  Style CSS font-weight

«  Partie précédente  |  Index  |  Partie suivante  »


La propriété font-weight caractérise l'épaisseur des caractères, c'est à dire la taille du trait des caractères. Suivant la police, il existe plus ou moins de variantes applicables, la plus connue étant la valeur "bold" qui est également équivalente à la valeur 700. Si la police le permet il est donc possible d'affiner ou d'élargir l'épaisseur des caractères.

Il est préférable d'employer le style "font-weight:bold" à la place de la balise html <b>.



Propriétés pour le style font-weight :




Propriété Définition Valeurs CSS
font-weight Détermine l'épaisseur de la police de caractère bold
bolder
lighter
normal
100, 200, 300
400, 500, 600
700, 800, 900
CSS 1


Exemple d'utilisation du style css font-weight :





Application de différents rendus avec la propriété font-weight :

<label style="font-size:12px; font-family:arial; font-weight:100;">
   exemple de font : arial</label>
<label style="font-size:12px; font-family:arial; font-weight:bold;">
   exemple de font : arial</label>
<label style="font-size:12px; font-family:arial; font-weight:bolder;">
   exemple de font : arial</label>
<label style="font-size:12px; font-family:verdana; font-weight:lighter;">
   exemple de font : verdana</label>
<label style="font-size:12px; font-family:verdana; font-weight:700;">
   exemple de font : verdana</label>
<label style="font-size:12px; font-family:verdana; font-weight:900;">
   exemple de font : verdana</label>
<label style="font-size:12px; font-family:georgia; font-weight:300;">
   exemple de font : georgia</label>
<label style="font-size:12px; font-family:georgia; font-weight:bold;">
   exemple de font : georgia</label>
<label style="font-size:12px; font-family:georgia; font-weight:800;">
   exemple de font : georgia</label>