Propriété CSS font-variant-ligatures

❮ Précédent Suivant ❯

La propriété font-variant-ligatures contrôle les ligatures et formulaires contextuels qui produisent des formulaires plus harmonisés. Cette propriété est spécifiée par les valeurs suivantes:

normal
none
<common-lig-values>
<discretionary-lig-values>
<historical-lig-values>
<contextual-alt-values>

Valeur initiale	normal
Appliquée à	Tous les éléments. Elle est aussi appliquée aux éléments pseudos ::first-letter et ::first-line.
Héritée	Oui.
Animable	Non.
Version	CSS3
Syntaxe DOM	object.style.fontVariantLigatures = "normal";

Syntaxe

font-variant-ligatures: normal | none |  <common-lig-values> | <discretionary-lig-values> | <historical-lig-values> | <contextual-alt-values>;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document </title>
    <style>
      div {
      font-family: Lora, serif;
      font-size: 35vw;
      }
      .gray {
      font-variant-ligatures: no-common-ligatures;
      color: #ccc;
      }
      .blue {
      font-variant-ligatures: common-ligatures;
      color: #1c87c9;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété font-variant-ligatures</h2>
    <div>
      <span class="gray">fi</span>
      <span class="blue">fi</span>
    </div>
  </body>
</html>

Essayez-vous-même!

Valeurs

Valeur	Description
normal	L'activation des formulaires et des ligatures dépend du police, langue et type d'écritue. C'est la valeur initiale de cette propriété.
none	Toutes les ligatures et les formulaires contextuels sont indisponibles.
<common-lig-values>	Contrôle toutes les ligatures.
<discretionary-lig-values>	Contrôle les ligatures spécifiques.
<historical-lig-values>	Contrôle les ligatures utilisées dans les livres anciens.
<contextual-alt-values>	Contrôle l'adaptation des lettres à leur contexte.
initial	Définit la valeur initiale.
inherit	Hérite la propriété de l'élément parent.