HTML5 Introduction
Améliorez la lisibilité de votre texte en utilisant font-variant-caps
La propriété CSS font-variant-caps permet de spécifier la variante de capitalisation utilisée pour un élément de texte. Cette propriété prend en compte les différentes variantes de capitalisation disponibles pour la police de caractères utilisée, telles que la capitalisation normale, la capitalisation petites capitales et la capitalisation toutes capitales.La Syntaxe CSS font-variant-caps
font-variant-caps: normal|small-caps| all-small-caps|petite-caps|all-petite-caps| unicase|titling-caps|initial|inherit|unset;
| Valeurs par défaut | normal |
|---|---|
| Inherited: | oui |
| Animable : | non En savoir plus sur l'animable |
| Version: | CSS3 |
| Syntaxe JavaScript: | object.style.fontVariantCaps="small-caps" |
Exemple Copier le code
.mon-element {
font-variant-caps: normal; /* Valeur par défaut */
}
.mon-element-small-caps {
font-variant-caps: small-caps;
}
.mon-element-all-caps {
font-variant-caps: all-caps;
}
La valeur normal est utilisée par défaut et indique que la police de caractères doit être utilisée telle quelle, sans modification de la capitalisation. La valeur small-caps indique que les lettres minuscules doivent être remplacées par des petites capitales, tandis que la valeur all-caps indique que toutes les lettres doivent être en capitales.
Il est important de noter que la prise en charge de cette propriété peut varier selon les navigateurs et les polices de caractères utilisées. Certaines polices de caractères n'ont pas de variantes de capitalisation, ce qui signifie que la propriété font-variant-caps n'aura aucun effet sur ces polices. Il est donc recommandé de vérifier la prise en charge de cette propriété dans les navigateurs et de tester la mise en forme de votre texte avant de la mettre en production.
Prise en charge de la propriété css dans les navigateurs
Les numéros figurant dans le tableau indiquent la première version du navigateur qui prend totalement en charge la propriété.Les numéros suivis de -webkit-, -moz-, ou -o- indiquent la première version qui fonctionne avec un préfixe.
| Explorateur |  |  |  |  |  |
|---|---|---|---|---|---|
| Verssion | 52 | 79 | 34 | n'est pas supporté | 35 |
Valeurs de la propriété
normal : Désactive l'utilisation de glyphes alternatifssmall-caps : Affiche les petites capitales
all-small-caps : Affiche les petites capitales pour les lettres majuscules et minuscules.
petite-caps : Affiche les petites capitales
all-petite-caps : Affiche les petites capitales pour les lettres majuscules et minuscules.
unicase : Affiche un mélange de petites capitales pour les lettres majuscules et de lettres minuscules normales.
titling-caps : Affiche les capitales de titrage
initial : Définit cette propriété à sa valeur par défaut.
inherit : Hérite cette propriété de son élément parent.