La propriété font-style permet de sélectionner une fonte italique (italic) ou (oblique) parmi celles listées par font-family.

font-style: normal;
font-style: italic;
font-style: oblique;

/* Valeurs globales */
font-style: inherit;
font-style: initial;
font-style: unset;

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 initialenormal
Applicabilitétous les éléments. S'applique aussi à ::first-letter et ::first-line.
Héritéeoui
Médiavisuel
Valeur calculéecomme spécifié
Type d'animationdiscrète
Ordre canoniquel'ordre unique et non-ambigu défini par la grammaire formelle

Syntaxe

La propriété font-style peut être définie avec l'un des mots-clés suivants.

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écific​ations

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éChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple11211471
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple111241661

1. Before Firefox 44, oblique was not distinguished from italic.

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, teoli, FredB, Mgjbot, Domif, Fredchat
 Dernière mise à jour par : SphinxKnight,