w3docs logo

Propriété CSS font-style

La propriété font-style définit le style de fonte pour le texte. On a trois options quand on utilise cette propriété: normal, italic et oblique.

Oblique est une fonte romaine qui a été faussée généralement 8-12 degrés. Italic est créée par le typographe avec des caractères spécifiques (notamment minuscules) dessinés différentement pour créer une version plus calligraphique et inclinée. Oblique est moins supportée par les navigateurs.

Valeur initiale normal
Appliquée à Tous les éléments. Elle est aussi appliquée aux éléments pseudos ::first-letter et ::first-line.
Héritée Oui.
Animable Non.
Version CSS1
Syntaxe DOM object.style.fontStyle = "oblique";

Syntaxe

font-style: normal | italic | oblique | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      p.normal { font-style: normal; }
      p.italic { font-style: italic; }
      p.oblique { font-style: oblique; }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété font-style</h2>
    <p class="normal">Nous avons écrit ce texte comme normal.</p>
    <p class="italic">Nous avons écrit ce texte comme italique.</p>
    <p class="oblique">Nous avons écrit ce texte comme oblique.</p>
  </body>
</html>

Valeurs

Valeur Description
normal Signifie que les caractères du texte seront normals. C'est la valeur initiale de cette propriété.
italic Ce texte sera montré comme italique.
oblique Ce texte sera montré comme oblique.
initial Définit la valeur initiale.
inherit Hérite la propriété de l'élément parent.

Support de Navigateurs

chrome edge firefox safari opera
1.0+ 12.0+ 1.0+ 1.0+ 7.0+

Pratiquez vos connaissances

Quelle est la fonction de la propriété 'font-style' en CSS, et quelles sont ses valeurs possibles ?
Trouvez-vous cela utile?