attribut FONT-WEIGHT

Rôle

L’attribut font-weight permet de gérer l’épaisseur du texte

Version : CSS1

Héritage (inherit) : oui

Propriété Javascript : element.style.fontWeight

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

div{
  font-weight: bold;
}

– Le code HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam ab at voluptatibus,numquam reiciendis placeat quasi ducimus facilis quo natus alias fuga vitae debitis tenetur corporis tempore labore obcaecati nam!</div>

Résultat

L’épaisseur du texte a été augmenté par le CSS

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

L’attribut font-weight est pris en charge par tous les principaux navigateurs

Valeurs

Les différentes valeurs de l’attribut font-weight sont:

normal
Epaisseur normale : valeur par défaut
Syntaxe :
font-weight : normal
bold
Affiche une police grasse
Syntaxe :
font-weight : bold
bolder
Affiche une police plus épais
Syntaxe :
font-weight : bolder
lighter
Affiche une police moin épais
Syntaxe :
font-weight : lighter
valeur entre 1 et 9 * 100 (100, 200…)
De mince à épais. 400 est équivalente à normale, et 700 est équivalent à gras
Syntaxe :
font-weight : 600
initial
L’épaisseur est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » l’héritage, par exemple un paragraphe peut ignorer l’épaisseur imposée par son élément parent.
Syntaxe :
font-weight : initial
inherit
Hérite de la même propriété que l’élément parent.
Syntaxe :
font-weight : inherit

A voir aussi

font– font-size– font-style– font-variant– font-face