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
|
|
|
|
|
|---|---|---|---|---|
| 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 ?
Correcte!
Incorrecte!