Propriété CSS font-variant-east-asian

La propriété font-variant-east-asian contrôle l'utilisation des glyphs alternatifs pour les scripts japonais, chinois et d'Asie orientale.

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

Syntaxe

font-variant-east-asian: normal | <east-asian-variant-values> | <east-asian-width-values> | ruby | initial | inherit ;

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      h2 {
      font-variant-east-asian: traditional;
      }
    </style>
  </head>
  <body>
    <h2>Exemple de la propriété font-variant-east-asian</h2>
    <h2>大学 → 大學</h2>
  </body>
</html>

Valeurs

Valeur Description
normal L'utilisation des glyphs alternatifs sont activés.
<east-asian-variant-values> Spécifie un ensemble de variantes de glypes logographiques à utiliser pour l'affichage. Les valeurs sont:
  • jis78
  • jis83
  • jis90
  • jis04
  • simplified
  • traditional
<east-asian-width-values> Contrôle le dimensionnement des symboles pour les caractères des langues d'Asie orientale. Les valeurs sont:
  • proportional-width
  • full-width
ruby Force l'utilisation de glyphes spécifiques pour les caractères ruby.
initial Fait la propriété utiliser sa valeur initiale.
inherit Hérite la propriété de son élément parent.

Support de Navigateurs

chrome edge firefox safari opera
63.0+ 34.0+ 9.1+ 50.0+

Pratiquez vos connaissances

Quelle est l'utilisation de la propriété 'font-variant-east-asian' dans CSS ?