Comment associer gras et italique en CSS?
Ce didacticiel W3Schools m’a appris à utiliser la propriété CSS font-style pour rendre le texte en gras (équivalent à <b&g>this</b> en HTML ancien) et à rendre le texte en italique (équivalent à<i>this</i> en HTML ancien).
Cependant, je n'arrive pas à trouver nulle part comment faire en sorte que le texte ait les deux propriétés en même temps (équivalent à <b><i>this</i></b> en HTML ancien).
Y a-t-il un moyen de faire cela en utilisant du CSS pur?
J'ai essayé ceci:
font-style: italic bold;
Le résultat était que la page ignorait les deux propriétés, et c'était comme si je n'avais jamais spécifié cette propriété.
J'ai eu les mêmes résultats quand j'ai essayé ceci:
font-style: italic, bold;
J'ai eu un résultat différent quand j'ai essayé ceci:
font-style: italic; bold;
Cette fois, ce qui s’est passé, c’est qu’il a utilisé le premier style donné (italique) mais ignoré le second (gras).
Cela peut-il être fait avec du css pur?
Tu étais proche.
italic est utilisé avec font-style alors que bold est utilisé avec font-weight.
Utilisation:
font-weight: bold;
font-style: italic;
font-style est une propriété à valeur unique. bold est de toute façon le poids de la police. Pour combiner plusieurs valeurs, vous pouvez utiliser la propriété abrégée font. Cependant, le raccourci font a des entrées obligatoires: font-size et font-family. Si vous n'incluez pas ces deux éléments dans le raccourci, la propriété sera ignorée.
Incluez-les dans votre raccourci font avec italic bold et cela devrait fonctionner.
Une autre raison pour laquelle W3Schools est mauvais, vous devriez utiliser font-weight pour définir les caractères gras et font-style pour définir les caractères italiques.
font-weight: bold;
font-style: italic;
Vous pouvez avoir une police italique et gras en utilisant ces 2 propriétés
font-style : italic
font-weight : bold
doc-font-weight: W3Schools font-weight
font-style doc: W3Schools font-style
S'il vous plaît avoir regarder ce code:
font: italic bold 12px/30px Georgia, serif;