Skip to main content

Visit Mozilla.org

CSS:font-weight

Un article de MDC.

« Référence CSS

[modifier] Résumé

La propriété font-weight définit la graisse de la police.

  • Valeur initiale : normal
  • S'applique à : tous les éléments
  • Héritée : oui
  • Média : visuel
  • Valeur calculée : Une des valeurs numériques (100, etc.), ou une des valeurs numériques plus une des valeurs relatives (plus grasse ou plus légère)

[modifier] Syntaxe 

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

[modifier] Valeurs

normal 
Poids normal de la police. Équivalent à 400.
bold 
Police grasse. Équivalent à 700.
lighter 
Définit une police moins grasse celle de l'élément parent (parmi les graisses disponibles de la police).
bolder 
Définit une police plus grasse celle de l'élément parent (parmi les graisses disponibles de la police).
100, 200, 300, 400, 500, 600, 700, 800, 900 
Valeurs numériques de graisse de police, qui fournissent une série plus complète de valeurs que normal et bold. Si la graisse exacte donnée n'est pas disponible, alors 600-900 utilise la graisse lourde la plus proche disponible (ou, s'il n'y en a pas, la graisse légère disponible la plus proche), et 100-500 utilise la graisse légère la plus proche disponible (ou, s'il n'y en a pas, la graisse lourde disponible la plus proche). Cela signifie que les polices qui fournissent uniquement les graisses normal et bold, 100-500 sont équivalents à normal et 600-900 équivalents à bold.

[modifier] Exemples

Voir des exemples en ligne (en) 

/* Définit un texte gras bold pour un paragraphe. */
p {font-weight: bold}

/* Définit le texte des h1 (en-tête de niveau 1) un peu plus gras que le
   texte normal, mais un peu moins que la valeur standard bold. */
h1 {font-weight: 500}

/* Définit le texte compris entre des balises span comme moins gras que son parent. */
span {font-weight: lighter}

[modifier] Notes

[modifier] Spécifications

[modifier] Compatibilité des navigateurs

Navigateur Version minimale
Internet Explorer 3
Netscape 4
Opera 3.5

[modifier] Voir également

font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight, line-height

Récupérée de « http://developer.mozilla.org/fr/docs/CSS:font-weight »