Propriété CSS font-style

❮ Précédent Suivant ❯

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>

Essayez-vous-même!

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


1.0+	12.0+	1.0+	1.0+	7.0+