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 initialenormal
Applicabilitétous les éléments. S'applique aussi à ::first-letter et ::first-line.
Héritéeoui
Médiavisuel
Valeur calculéecomme spécifié
Animablenon
Ordre canoniquel'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é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é 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.

Étiquettes et contributeurs liés au document

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