attribut FONT-VARIANT

Rôle

L’attribut font-variant permet de mettre le texte en petites capitales. Les lettres en majuscules resteront plus grandes que les lettres en minuscules

Version : CSS1

Héritage (inherit) : oui

Propriété Javascript : element.style.fontVariant

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

div{
  font-variant: small-caps;
}

– Le code HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam ab at voluptatibus, numquam reiciendis placeat quasi ducimus facilis quo natus alias fuga vitae debitis tenetur corporis tempore labore obcaecati nam!</div>

Résultat

Vous remarquez que les lettres initialement en majuscules apparaissent plus grandes que les autres

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

L’attribut font-variant est pris en charge par tous les principaux navigateurs

Valeurs

Les différentes valeurs de l’attribut font-variant sont:

normal
Affiche une police normale : valeur par défaut
Syntaxe :
font-variant : normal
small-caps
Affiche une police en petites capitales : valeur par défaut
Syntaxe :
font-variant : small-caps
initial
La police est défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » l’héritage, par exemple un paragraphe peut ignorer la police imposée par son élément parent.
Syntaxe :
font-variant : initial
inherit
Hérite de la même propriété que l’élément parent.
Syntaxe :
font-variant : inherit

A voir aussi

font– font-size– font-style– font-weight– font-face