font-variant-position
Baseline 2023
Newly available
Since September 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
La propriété font-variant-position
permet d'utiliser des glyphes de plus petite taille positionnés en exposant ou en indice par rapport à la ligne de base utilisée (qui reste la même).
Généralement, les glyphes utilisés sont ceux utilisés pour les éléments HTML <sub>
et <sup>
.
/* Valeurs avec un mot-clé */
font-variant-position: normal;
font-variant-position: sub;
font-variant-position: super;
/* Valeurs globales */
font-variant-position: inherit;
font-variant-position: initial;
font-variant-position: unset;
Lorsque ces glyphes alternatifs sont activés, si un caractère de l'ensemble concerné ne possède pas de glyphe correspondant, l'ensemble des caractères est affiché avec une méthode de secours qui synthétise ces glyphes.
Ces glyphes alternatifs possèdent la même boîte em et la même ligne de base que le reste du texte. La modification est purement graphique et il n'y a pas d'impact sur la hauteur de ligne ou sur les autres caractéristiques liées aux boîtes.
Syntaxe
La valeur de cette propriété est définie grâce à l'un des mots-clés définis ci-après.
Valeurs
Définition formelle
Valeur initiale | normal |
---|---|
Applicabilité | all elements and text. S'applique aussi à ::first-letter et ::first-line . |
Héritée | oui |
Valeur calculée | comme spécifié |
Type d'animation | discrète |
Syntaxe formelle
Exemples
CSS
.exemple {
font-variant-position: super;
}
HTML
<p>
Alice <span class="exemple">ne s’était pas fait le moindre mal.</span>
Vite elle se remet sur ses pieds et regarde en l’air ; mais tout est noir
là-haut. Elle voit devant elle un long passage et le Lapin Blanc qui court à
toutes jambes.
</p>
Résultat
Spécifications
Specification |
---|
CSS Fonts Module Level 4 # font-variant-position-prop |
Compatibilité des navigateurs
BCD tables only load in the browser