font-weight CSS propriété

Définition de la CSS font-weight.

La propriété d'Epaisseur CSS font-weight permet de spécifier le type de gras à utiliser pour l'affichage du texte d'un élément (X)HTML.

font-weight : normal;
font-weight : bold;
font-weight : bolder;
font-weight : 800;

La propriété de feuille de style font-weight CSS pour mettre en gras peut prendre la valeur de graisse :

• 100, 200, 300, 400 (normal), 500, 600, 700 (bold), 800, 900.
• normal ou 400 : le texte est affiché en normal.
• bold ou 700 : le texte est affiché en gras.
• lighter : le texte est affichée moins gras que la valeur héritée.
• bolder : le texte est affichée plus gras que la valeur héritée.
• inherit : hérite de la propriété CSS font-weight de son parent (CSS2).

Exemple de code font-weight CSS

Conditions d'application de la CSS font-weight.

La propriété de feuille de style font-weight CSS est applicable sur l'ensemble des balises HTML ou XHTML.

La valeur de la CSS font-weight peut être mise directement dans la propriété de raccourci CSS font.

Héritage des valeurs Css de font-weight.

Les balises filles HTML ou XHTML héritent de la propriété d'Epaisseur CSS font-weight, sauf les balises dont l'affichage se fait déjà en gras ou strong comme la balise HTML ou XHTML STRONG, B, H,...

Problème d'interprétation de font-weight en Css.

La propriété d'Epaisseur CSS font-weight ne pose aucun problème d'interprétation. Cependant, certaines fontes n'existent qu'avec les niveaux de graisses normal et bold.

Conditions d'animation de font-weight en CSS3.

La propriété CSS font-weight prend une valeur interpolée par étapes de 100.

La CSS font-weight est une propriété de feuille de style qui peut être utilisée pour les animations CSS et transitions CSS.