Propriété CSS font-variant-east-asian
La propriété font-variant-east-asian contrôle l'utilisation de glyphes alternatifs pour les scripts d'Asie de l'Est. Plus précisément, elle est utilisée pour contrôler la substitution et la taille des glyphes dans les textes d'Asie de l'Est.
Cette propriété fait partie des CSS3 propriétés.
| Valeur initiale | normal |
|---|---|
| S'applique à | Tous les éléments. S'applique également à ::first-letter et ::first-line. |
| Héritée | Oui. |
| Animable | Non. |
| Version | CSS3 |
| Syntaxe DOM | object.style.fontVariantEastAsian = "ruby"; |
Syntaxe
Syntaxe de la propriété CSS font-variant-east-asian
font-variant-east-asian: normal | <east-asian-variant-values> | <east-asian-width-values> | ruby | initial | inherit ;Exemple de la propriété font-variant-east-asian :
Exemple de la propriété CSS font-variant-east-asian avec la valeur traditional
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
h2 {
font-variant-east-asian: traditional;
}
</style>
</head>
<body>
<h2>Font-variant-east-asian property example</h2>
<h2>大学 → 大學</h2>
</body>
</html>Vous pouvez voir ici que la propriété font-variant-east-asian est définie sur traditional. Vous pouvez la modifier avec l'une des valeurs mentionnées dans le tableau ci-dessous, y compris la variante simplified. Remarque : la prise en charge de cette propriété par les navigateurs est limitée. L'exemple repose sur des polices système qui incluent des variantes traditionnelles d'Asie de l'Est.
Résultat
Valeurs
| Valeur | Description |
|---|---|
| normal | L'utilisation de glyphes alternatifs n'est pas activée. |
<east-asian-variant-values> | Spécifie un ensemble de variantes de glyphes logographiques utilisées pour l'affichage. Valeurs : - jis78 - jis83 - jis90 - jis04 - simplified - traditional |
<east-asian-width-values> | Contrôle la taille des caractères utilisés pour les caractères d'Asie de l'Est. Valeurs : - proportional-width - full-width |
| ruby | Force l'utilisation de glyphes spéciaux pour les caractères ruby. |
| initial | Définit la propriété sur sa valeur par défaut. |
| inherit | Hérite la propriété de son élément parent. |
Pratique
Que fait la propriété 'font-variant-east-asian' en CSS ?