Attribut font-variant-caps CSS

Définition et utilisation

La propriété font-variant-caps contrôle l'utilisation des caractères alternatifs en majuscules.

Veuillez également consulter :

Tutoriel CSS :Polices CSS

Manuel de référence CSS :Propriété font

Manuel de référence HTML DOM :Propriété fontVariant

Exemple

Définir le paragraphe en minuscules :

p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}

Essayez-le vous-même

Syntaxe CSS

font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;

Valeur de l'attribut

Valeur Description
normal Désactive l'utilisation des glyphes de remplacement.
small-caps Affiche les petites majuscules.
all-small-caps Affiche toutes les majuscules et minuscules en petites majuscules.
petite-caps Affiche les petites majuscules spéciales.
all-petite-caps Affiche toutes les majuscules et minuscules en petites majuscules spéciales.
unicase Permet de mélanger les majuscules et les minuscules en petites majuscules.
titling-caps Affiche les initiales en majuscules.
initial Sets this property to its default value. See initial.
inherit Inherits this property from its parent element. See inherit.
unset

Remarque :Les petites majuscules font usage de la forme majuscule, mais ont la même taille que les lettres minuscules.

Détails techniques

Valeur par défaut : normal
Héritage : Oui
Réalisation de l'animation : Non pris en charge. Voir :Propriétés liées aux animations.
Version : CSS3
Syntaxe JavaScript : object.style.fontVariantCaps="small-caps"

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
52.0 79.0 34.0 Non pris en charge 39.0