font-variant CSS propriété

Définition de la CSS font-variant.

La propriété de Capitales CSS font-variant permet de spécifier que le texte soit en petites capitales dans un élément (X)HTML.

Exemple de syntaxe CSS font-variant :
font-variant : normal;
font-variant : small-caps;

La propriété de feuille de style font-variant CSS peut prendre la valeur de :

  • normal : aucun changement dans le mode d'affichage du texte, valeur par défaut.
  • small-caps : le texte est affiché en petites capitales.
  • inherit : hérite de la propriété CSS font-variant de son parent (CSS2).

Conditions d'application de la CSS font-variant.

La propriété de Capitales CSS font-variant est applicable sur l'ensemble des balises HTML ou XHTML.
Usage des petites capitales en typographie française

La valeur de la CSS font-variant peut être mise directement dans la propriété de raccourci CSS .

Héritage des valeurs Css de font-variant.

Les balises filles HTML ou XHTML héritent de la propriété de Capitales CSS font-variant.

Problème d'interprétation de font-variant en Css.

La propriété de Capitales CSS font-variant dans l'ensemble ne pas poser de problème d'interprétation.

Règles de syntaxes CSS pour font-variant.

Règle des petites capitales

Quand on met un texte dans une police en petites capitales, des lettres minuscules prennent un aspect similaire aux lettres majuscules mais avec une taille réduite et des proportions un peu différentes.
L'effet n'est visible que sur les polices de type bicamérale, c'est à dire qu'elles possèdent deux types casses.
Inversement l'effet ne sera pas visible pour les polices de type monocamérales qui ne possèdent qu'une seule casse .

Compatibilités navigateurs de la propriété font-variant

Equivalence de la CSS font-variant en HTML.

La propriété de feuille de style font-variant CSS n'a pas d'équivalent en HTML.

Votre avis sur la définition font-variant en CSS

Votez pour la définition CSS font-variant

  • 1/5
  • 2/5
  • 3/5
  • 4/5
  • 5/5

Avis sur la page https://www.zonecss.fr/proprietes-css/font-variant-css.html Votes: 4.8 / 5 - 13 votes
Cliquez sur une étoile pour voter.