La propriété font-style
permet de sélectionner une fonte italique (italic
) ou (oblique
) parmi celles listées par font-family
. La forme italique est généralement une forme cursive qui utilise moins d'espace horizontal que les autres formes classiques. La forme oblique quant à elle est simplement une version penchée de la forme normale. Les formes italique et oblique peuvent être synthétisées par le navigateur si elles sont absente (le moteur penche alors les glyphes de la forme normale), pour plus d'informations sur l'activation de cette synthèse, voir la propriété font-synthesis
.
Valeur initiale | normal |
---|---|
Applicabilité | tous les éléments. S'applique aussi à ::first-letter et ::first-line . |
Héritée | oui |
Média | visuel |
Valeur calculée | comme spécifié |
Animable | non |
Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
Syntaxe
font-style: normal; font-style: italic; font-style: oblique; /* Valeurs globales */ font-style: inherit; font-style: initial; font-style: unset;
Valeurs
normal
- Sélectionne une fonte qualifiée de
normal
parmi celles defont-family
. italic
- Sélectionne une fonte qualifiée d'
italic
, s'il n'y a pas de version italique, une versionoblique
sera sélectionnée à la place. oblique
- Sélectionne une fonte qualifiée d'
oblique
, s'il n'y a pas de version oblique, une versionitalic
sera sélectionnée à la place.
Syntaxe formelle
normal | italic | oblique
Exemples
CSS
.normal { font-style: normal; } .italic { font-style: italic; } .oblique { font-style: oblique; }
HTML
<p class="normal">Un paragraphe normale.</p> <p class="italic">Un paragraphe italique.</p> <p class="oblique">Un paragraphe oblique.</p>
Résultat
Note : Toutes les polices ne disposent pas nécessairement de formes pour oblique
et italic
, si ces formes sont absentes, le moteur simulera la forme absente à partir de celle qui est disponible. Voici un exemple du rendu d'une police qui dispose des différentes formes :
Spécifications
Spécification | État | Commentaires |
---|---|---|
CSS Fonts Module Level 3 La définition de 'font-style' dans cette spécification. |
Candidat au statut de recommandation | Aucune modification. |
CSS Level 2 (Revision 1) La définition de 'font-style' dans cette spécification. |
Recommendation | Aucune modification. |
CSS Level 1 La définition de 'font-style' dans cette spécification. |
Recommendation | Définition initiale. |
Compatibilité des navigateurs
Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Support simple | 1.0 | 1.0 (1.7 ou moins) [1] | 4.0 | 7.0 | 1.0 |
Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Support simple | 1.0 | 1.0 (1) [1] | 6.0 | 6.0 | 1.0 |
[1] Avant Firefox 44, Gecko, ne faisait pas de différence entre oblique
et italic
. Depuis, ce problème a été corrigé et le moteur utilise la bonne forme si elle est disponible.