font-weight

  • Raccourci de la révision : CSS/font-weight
  • Titre de la révision : font-weight
  • ID de la révision : 236911
  • Créé :
  • Créateur : Mgjbot
  • Version actuelle ? Non
  • Commentaire robot Ajoute: [[pl:CSS:font-weight]] <<langbot>>

Contenu de la révision

{{ CSSRef() }}

Résumé

La propriété {{ Cssxref("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)

Syntaxe

font-weight: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | {{ Cssxref("inherit") }}

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.

Exemples

{{ CSSRefExampleLink("font-weight") }}

/* 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}

Notes

Spécifications

Compatibilité des navigateurs

Navigateur Version minimale
Internet Explorer 3
Netscape 4
Opera 3.5

Voir également

{{ CSS_Reference:Fonts() }}

Interwiki Languages Links


{{ languages( { "en": "en/CSS/font-weight", "es": "es/CSS/font-weight", "pl": "pl/CSS/font-weight" } ) }}

Source de la révision

<p> {{ CSSRef() }}
</p>
<h3 name="R.C3.A9sum.C3.A9"> Résumé </h3>
<p>La propriété {{ Cssxref("font-weight") }} définit la graisse de la police.
</p>
<ul><li> <a href="fr/CSS/Valeur_initiale">Valeur initiale</a> : normal
</li><li> S'applique à : tous les éléments
</li><li> <a href="fr/CSS/H%c3%a9ritage">Héritée</a> : oui
</li><li> Média : <a href="fr/CSS/M%c3%a9dia/Visuel">visuel</a>
</li><li> <a href="fr/CSS/Valeur_calcul%c3%a9e">Valeur calculée</a> : 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)
</li></ul>
<h3 name="Syntaxe"> Syntaxe </h3>
<pre class="eval"><code>font-weight:</code> <code>normal</code> | <code>bold</code> | <code>bolder</code> | <code>lighter</code> | <code>100</code> | <code>200</code> | <code>300</code> | <code>400</code> | <code>500</code> | <code>600</code> | <code>700</code> | <code>800</code> | <code>900</code> | {{ Cssxref("inherit") }}
</pre>
<h3 name="Valeurs"> Valeurs </h3>
<dl><dt> normal </dt><dd> Poids normal de la police. Équivalent à 400.
</dd><dt> bold </dt><dd> Police grasse. Équivalent à 700.
</dd><dt> lighter </dt><dd> Définit une police moins grasse celle de l'élément parent (parmi les graisses disponibles de la police).
</dd><dt> bolder </dt><dd> Définit une police plus grasse celle de l'élément parent (parmi les graisses disponibles de la police).
</dd><dt> 100, 200, 300, 400, 500, 600, 700, 800, 900 </dt><dd> Valeurs numériques de graisse de police, qui fournissent une série plus complète de valeurs que <code>normal</code> et <code>bold</code>. 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 <code>normal</code> et <code>bold</code>, 100-500 sont équivalents à <code>normal</code> et 600-900 équivalents à <code>bold</code>.
</dd></dl>
<h3 name="Exemples"> Exemples </h3>
<p>{{ CSSRefExampleLink("font-weight") }}
</p>
<pre class="eval">/* Définit un texte gras <i>bold</i> 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 <i>bold</i>. */
h1 {font-weight: 500}

/* Définit le texte compris entre des balises <i>span</i> comme moins gras que son parent. */
span {font-weight: lighter}
</pre>
<h3 name="Notes"> Notes </h3>
<h3 name="Sp.C3.A9cifications"> Spécifications </h3>
<ul><li> <a class="external" href="http://www.yoyodesign.org/doc/w3c/css1/#font-weight">CSS 1 (fr)</a>
</li><li> <a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/fonts.html#propdef-font-weight">CSS 2 (fr)</a>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight">CSS 2.1 (en)</a>
</li><li> <a class="external" href="http://www.w3.org/TR/css3-fonts/#font-weight">css3-fonts (en)</a>
</li></ul>
<h3 name="Compatibilit.C3.A9_des_navigateurs"> Compatibilité des navigateurs </h3>
<table class="standard-table"> <tbody><tr> <th>Navigateur</th> <th>Version minimale</th> </tr> <tr> <td>Internet Explorer</td> <td>3</td> </tr> <tr> <td>Netscape</td> <td>4</td> </tr> <tr> <td>Opera</td> <td>3.5</td> </tr>
</tbody></table>
<h3 name="Voir_.C3.A9galement"> Voir également </h3>
<p>{{ CSS_Reference:Fonts() }}
</p><p><span class="comment">Interwiki Languages Links</span>
</p><p><br>
</p>
<div class="noinclude">
</div>
{{ languages( { "en": "en/CSS/font-weight", "es": "es/CSS/font-weight", "pl": "pl/CSS/font-weight" } ) }}
Revenir à cette révision