Propriété CSS font-size-adjust

La propriété font-size-adjust contrôle la taille de police quand la police premièrement séléctée n'est pas disponible. Quand une police n'est pas disponible, le navigatewur utilise la deuxième police spécifiée. Donc, la taille de police peut être changée. La propriété font-size-adjust contrôle ce procès.

Toutes les polices ont une valeur "aspect", qui est la différence de la taille entre le lettre minuscule et le lettre majuscule.

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

Syntaxe

font-size-adjust: number | none | initial | inherit;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document </title>
    <style>
      div.a {
      font-family: sans-serif;
      }
      div.b {
      font-family: 'times new roman';
      }
      #box-one, #box-two {
      font-size-adjust: 0.58;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété font-size-adjust</h2>
    <h2>Deux divs avec la même propriété font-size-adjust:</h2>
    <div id="box-one" class="a">
      La propriété CSS font-size-adjust définit comment la taille de police doit être choisie sur la base de la hauteur des lettres minuscules.
    </div>
    <div id="box-two" class="b">
      La propriété CSS font-size-adjust définit comment la taille de police doit être choisie sur la base de la hauteur des lettres minuscules.
    </div>
    <h2>Two divs without the font-size-adjust property:</h2>
    <div class="a">
      La propriété CSS font-size-adjust définit comment la taille de police doit être choisie sur la base de la hauteur des lettres minuscules.
    </div>
    <div class="b">
      La propriété CSS font-size-adjust définit comment la taille de police doit être choisie sur la base de la hauteur des lettres minuscules.
    </div>
  </body>
</html>

Valeurs

Valeur Description
none Aucun ajustement de la taille de police. C'est la valeur initiale de cette propriété.
number Définit la valeur d'aspect.
initial Définit la valeur initiale.
inherit Hérite la propriété de l'élément parent.

Support de Navigateurs

chrome edge firefox safari opera
3.0+

Pratiquez vos connaissances

Qu'est-ce que l'usage de la propriété 'font-size-adjust' dans le CSS permet?
Trouvez-vous cela utile?