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é
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
