font-style

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 de font-family.
italic: Sélectionne une fonte qualifiée d'italic, s'il n'y a pas de version italique, une version oblique 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 version italic 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.

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.