Faire son site 11 : Référence CSS - font-variant-caps

font-variant-caps

La propriété font-variant-caps permet de contrôler les glyphes utilisés pour représenter les lettres en capitales. Les scripts peuvent avoir différents glyphes de différentes tailles pour les différentes représentations des capitales et cette propriété permet de choisir une de ces formes.

Si les toutes petites capitales ne sont pas présentes pour cette fonte, ce seront les petites capitales qui seront utilisées. Si celles-ci ne sont pas présentes, le moteur les synthétisera à partir des glyphes en majuscule. Certains caractères sans casse (comme les caractères de ponctuation) peuvent être représentés avec différents glyphes afin de mieux les représenter avec les caractères environnants. Les caractères sans casse ne sont pas synthétisés par le navigateur s'il n'y a pas de petite majuscule.

Les valeurs acceptées par cette propriété sont:

<style>
.normal {
  font-variant-caps: normal;
  color: blue;
}
.ptcaps {
  font-variant-caps: small-caps;
  color: red;
}
</style>

<p class="normal">Du texte écrit normalement</p>
<p class="ptcaps">Du texte en Petites Capitales</p>

Du texte écrit normalement

Du texte en Petites Capitales