Свойство CSS font-variant-east-asian
Свойство font-variant-east-asian управляет использованием альтернативных глифов для восточноазиатских шрифтов. В частности, оно используется для управления заменой и размером глифов в текстах на восточноазиатских языках.
Это свойство входит в число свойств CSS3.
| Начальное значение | normal |
|---|---|
| Применяется к | Ко всем элементам. Также применяется к ::first-letter и ::first-line. |
| Наследуется | Да. |
| Анимация | Нет. |
| Версия | CSS3 |
| Синтаксис DOM | object.style.fontVariantEastAsian = "ruby"; |
Синтаксис
Синтаксис свойства CSS font-variant-east-asian
font-variant-east-asian: normal | <east-asian-variant-values> | <east-asian-width-values> | ruby | initial | inherit ;Пример свойства font-variant-east-asian:
Пример свойства CSS font-variant-east-asian со значением 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>Здесь вы можете видеть, что свойство font-variant-east-asian установлено в значение traditional. Вы можете изменить его на любое из значений, указанных в таблице ниже на этой странице, включая вариант simplified. Примечание: поддержка этого свойства браузерами ограничена. Пример опирается на системные шрифты, которые включают традиционные восточноазиатские варианты.
Результат
Значения
| Значение | Описание |
|---|---|
| normal | Использование альтернативных глифов не включено. |
<east-asian-variant-values> | Задает набор вариантов глифов для отображения. Значения: - jis78 - jis83 - jis90 - jis04 - simplified - traditional |
<east-asian-width-values> | Управляет размером цифр, используемых для восточноазиатских символов. Значения: - proportional-width - full-width |
| ruby | Принудительно использует специальные глифы для символов ruby. |
| initial | Заставляет свойство использовать значение по умолчанию. |
| inherit | Наследует свойство от родительского элемента. |
Практика
В чем заключается свойство 'font-variant-east-asian' в CSS?