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.

Exemple de syntaxe CSS font-weight :
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).

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 .

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, ,...

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.

Règles de syntaxes CSS pour font-weight.

Règle d'interprétation de bolder et lighter

Si la valeur de la propriété CSS font-weight est bolder et que la propriété héritée est 400 alors la fonte sera affichée avec la valeur plus grasse suivante soit 500. Si la valeur héritée est 900 la fonte sera affichée avec cette valeur.

Si la valeur de la propriété CSS font-weight est lighter et que la propriété héritée est 400 alors la fonte sera affichée avec la valeur moins grasse suivante soit 300. Si la valeur héritée est 100 la fonte sera affichée avec cette valeur.

Compatibilités navigateurs de la propriété font-weight

Equivalence de la CSS font-weight en HTML.

La propriété d'Epaisseur CSS font-weight peut remplacer l'effet en HTML et XHTML de la balise HTML ou XHTML , .

Flash mx font-weight CSS

Pour les utilisateurs de Flash MX, l'équivalence actionscript de la CSS font-weight est fontWeight.
La feuille de style actionscript fontWeight accepte les valeurs de :

  • normal,
  • bold.

Votre avis sur la définition font-weight en CSS

Votez pour la définition CSS font-weight

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/font-weight-css.html Votes: 4.1 / 5 - 53 votes
Cliquez sur une étoile pour voter.