Attribut font-size-adjust CSS

Définition et utilisation

L'attribut 'font-size-adjust' détermine une valeur d'aspect pour un élément, ce qui permet de maintenir l'x-height de la police préférée.

Explication

Le ratio de hauteur de la lettre minuscule "x" par rapport à la hauteur de la taille de la police est appelé le ratio d'aspect d'une police. Lorsque la police a un ratio d'aspect élevé, elle est plus lisible lorsque la police est définie à une taille très petite. Exemple : Le ratio d'aspect de Verdana est 0.58 (ce qui signifie que lorsque la taille de la police est de 100px, son x-height est de 58px). Le ratio d'aspect de Times New Roman est 0.46. Cela signifie que Verdana est plus lisible que Times New Roman à petite taille.

Voir également :

Tutoriel CSS :police CSS

Guide de référence CSS :Attribut font CSS

Guide de référence HTML DOM :Propriété fontSizeAdjust

Exemple

Définir les propriétés font-size-adjust de différents éléments HTML :

h1
  {
  font-size-adjust:0.58;
  }
p
  {
  font-size-adjust:0.60;
  }

Essayez par vous-même

Syntaxe CSS

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

Valeur de l'attribut

Valeur Description
aucune Par défaut. Si cette police n'est pas disponible, elle ne conserve pas l'x-height de cette police.
number

Définir le ratio d'aspect ratio de la police.

Formule utilisable :

Taille de la police de la police préférée * (valeur font-size-adjust / aspect ratio de la police disponible) = taille de la police appliquée à la police disponible

Exemple :

Si Verdana (aspect ratio est 0.58) de 14px n'est pas disponible, mais un certain aspect ratio de police disponible est 0.46, alors la taille de la police de remplacement sera 14 * (0.58/0.46) = 17.65px.

Détails techniques

Valeur par défaut : aucune
Héritabilité : oui
Version : CSS2
Syntaxe JavaScript : object.style.fontSizeAdjust="0.70"

Essai immédiat

Ajuster la taille de la police avec font-size-adjust
Cet exemple démontre comment utiliser la propriété font-size-adjust pour ajuster la taille de la police.

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version de navigateur qui prend en charge cette propriété entièrement.

Chrome IE / Edge Firefox Safari Opera
non pris en charge non pris en charge 3.0 non pris en charge non pris en charge