font-weight

Hérité : oui   -   Compatibilité : FF, Mozilla, Opera, Safari IE 4,5,6,7 - CSS 1

Définit la graisse (épaisseur) de la police de caractères à appliquer à l'élément. Le système de classification des graisses CSS est extrêmement précis et, si la plupart des navigateurs ne sont pas en mesure de reproduire à l'écran les graisses les plus subtiles, celles-ci se justifient lors de l'impression des contenus. Ce système utilise une échelle numérique allant de 100 à 900, par incréments de 100. Ainsi, 100 correspond à la graisse (font-weight) la plus fine pouvant être affichée et 900 à la plus épaisse. La propriété normal (graisse par défaut de n'importe quelle police) équivaut à une valeur de graisse (font-weight) de 400; la propriété standard bold (gras) équivaut à 700. D'autres paramètres (bolder et lighter) vous permettent de spécifier une graisse dont la valeur est relative à celle de l'élément parent.

Les spécifications CSS2 comportent un guide des correspondances entre les graisses et les noms des polices, ainsi que les caractéristiques internes de certains formats de définition de police. Par exemple, le format de la définition de police OpenType dispose de neuf emplacements pour les graisses. Dans ce cas, les valeurs numériques de la propriété font-weight correspondent directement aux définitions de graisse de cette police. S'il existe, dans la famille de polices, une police dont le nom contient le mot Medium et une autre libellée Book, Regular, Roman ou Normal, une correspondance est automatiquement établie entre la police Medium et la graisse 500 (l'autre police correspondant à 400). Toutes les polices comportant le mot Bold se voient attribuer la valeur de graisse 700. Si une famille de polices ne dispose pas de la totalité des neuf graisses, le navigateur effectue la meilleure interpolation possible, mais il est fort probable que certaines valeurs de graisse génèrent des polices de même graisse.

Syntaxe CSS
font-weight: constante
Valeur(s) possible(s) pour cette propriété :

L'une des constantes suivantes: bold | bolder | lighter | normal | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900.

Valeur initiale

normal

Exemple
p em {font-weight: bolder}
S'applique à 

Tous les éléments.

Javascript
[window.]document .getElementById("elementID") .style .fontWeight

color
direction
font
font-family
font-size
font-size-adjust
font-stretch
font-style
font-variant
font-weight
letter-spacing
line-break
line-height
text-align
text-decoration
text-indent
text-shadow
text-transform
vertical-align




Ce site vous a plu ? Visitez aussi : Conception de sites Internet et Le design des sites Web


Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.
This work is licensed under a Creative Commons License.
Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.


Valid HTML 4.01 Transitional
Raccourcis
Contact liens d'évitement et raccourcis clavier Droits de copie Accueil Imprimer
Aller au menu