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é
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
