Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété font-style

Description.

La propriété font-style définit l'inclinaison des caractères (en italique).

Si la police utilisée n'est pas disponible en italique ou en oblique, le navigateur déterminera le glyphe des caractères inclinés par calcul, sauf si la propriété font-synthesis l'interdit.

Syntaxes pour font-style.

  • font-style: normal;

    Valeur par défaut. Les caractères ne sont pas inclinés.

  • font-style: italic;

    Les caractères sont en italiques. Dans les polices qui comportent plusieurs styles, le navigateur choisit celui qui correspond à italique. Si le style n'est pas trouvé, le navigateur peut simuler l'italique. Voir à ce sujet la propriété font-synthesis.

    Les caractères italiques ont souvent un glyphe différent de celui des caractères droits. Ils sont en général plus cursifs. C'est flagrant sur l'exemple ci-dessous en particulier sur la lettre 'a'.

    aperçu
    aperçu
  • font-style: oblique 15deg;

    Une valeur numérique, positive ou négative, suivie d'une unité angulaire (voir les unités angulaires en CSS). La valeur doit être comprise entre -90 degrés et +90 degrés, mais se situe plutôt dans les quelques degrés autour de zéro. Les caractères sont penchés suivant l'angle indiqué.
    Si l'angle est négatif : les caractères seront alors penchés vers l'arrière.
    Si aucun angle n'est indiqué, la valeur par défaut est de 14 degrés, ce qui correspond à l'inclinaison des caractères avec la valeur italic.

    Les caractères obliques ont en principe la même forme que les caractères droits. Cependant, lorsque les navigateurs ne trouvent pas le style oblique dans la police, ils utilisent souvent le style italique à la place.

    aperçu
    aperçu
  • font-style: initial;

    La valeur initiale est normal.

  • font-style: unset; font-style: inherit;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

font-style :
Voyez le brick géant que j'examine près du wharf.

Compatibilité et prise en charge.

Aucun problème de compatibilité n'est à signaler avec la propriété font-style.

Voir aussi...

Polices et caractères - Propriétés.

  • font : Raccourci pour définir la plupart des propriétés concernant les polices de caractères.
  • font-display : Détermine le comportement du navigateur face aux polices de caractères longues à charger.
  • font-family : Définit le nom de la police de caractères.
  • font-feature-settings : Permet d'exploiter les fonctionnalités spécifiques des polices de caractères OTF, WOFF, etc.
  • font-kerning : Ajustement du crénage entre caractères.
  • font-size : Ajuste la taille des caractères.
  • font-size-adjust : Définition du coefficient d'aspect de la police.
  • font-stretch : Modifie l'étirement ou la compression des caractères.
  • font-synthesis : Autorise ou non le calcul des styles manquants dans la police de caractères.
  • font-variant : Raccourci permettant de définir les attributs typographiques évolués : ligatures, substitution de caractères, etc.
  • font-variant-alternates : Met en œuvre la substitution de caractères (polices OTF, WOFF).
  • font-variant-caps : Applique une capitalisation des caractères.
  • font-variant-east-asian : Typographie spécifique aux caractères chinois ou japonais.
  • font-variant-ligatures : Active ou désactive la ligature des caractères.
  • font-variant-numeric : Met en œuvre les modes d'affichage des nombres évolués : fractions, numéros, etc.
  • font-weight : Sélectionne une graisse pour les caractères.
  • text-decoration : Choisit le soulignement, le surlignement ou la rayure du texte.
  • text-decoration-color : Définit la couleur du trait de décoration.
  • text-decoration-line : Type de décoration : souligné, barré, etc.
  • text-decoration-style : Type de trait pour la décoration : plein, pointillé, etc.
  • text-shadow : Ombrage du texte.
  • text-transform : Casse du texte (minuscules, majuscules...).

Polices et caractères - Directives.

  • @charset : Indique le jeu de caractères utilisé dans la feuille de styles.
  • @font-face : Définit tous les paramètres d'une police de caractères téléchargeable.
  • @font-feature-values : Définit les variantes typographiques à utiliser.