css властивість font-variant-east-asian
Властивість font-variant-east-asian дозволяє контролювати заміщення гліфів та їх розмір у текстах, які написані мовами Східної Азії.
Властивість font-variant-east-asian є однією з властивостей, представлених у CSS3, для того, щоб увімкнути різні функції, пов'язані з шрифтами, які можуть покращити зовнішній вигляд тексту на сторінці. Ця власність використовується для керування замінами та розмірами символів в східноазіатському тексті, наприклад, японською та китайською мовами.
Синтаксис
font-variant-east-asian: normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]Властивість font-variant-east-asian може отримувати 4 значень:
-
normal -
Вказує, що жодна з наведених нижче функцій не активована.
автор: Svitlana -
<east-asian-variant-values> -
Ці значення контролюють відображення альтернативних гліфів:
normaljis78jis83jis90jis04simplifiedtraditional
-
<east-asian-width-values> -
Ці значення контролюють розмір цифр, що використовується для східноазіатських символів. Можливі два значення:
proportional-width, що активізує набір фігур, де всі цифри різних розмірів. Це відповідає значенню OpenType pwid;full-width, що активує набір фігур, де всі цифри мають однаковий розмір, що дозволяє їх легко вирівнювати, як у таблицях. Це відповідає значенням OpenType fwid.
-
ruby -
Це ключове слово зумовлює використання спеціальних гліфів для рубінових символів.
Оскільки вони зазвичай менші, творці шрифтів часто розробляють спеціальні форми, для поліпшення контрасту. Це ключове слово відповідає значенню OpenType ruby.
автор: Svitlana
| Значення без задання: | normal |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.fontVariantEastAsian |
Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 63 | 34 | 9.1 | 50 | 79 | — |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 63 | 63 | 34 | 9.3 |
Приклади
+ запропонувати свій приклад у пісочниці
Керує гліфами східноазійських шрифтів: full-width розтягує цифри й латиницю на повну ширину знакомісця, як ієрогліфи. Ефект потребує шрифту з цими OpenType-функціями — найкраще видно на системах зі встановленими CJK-шрифтами.
HTML
<p class="normal">звичайно: 漢字 і цифри 0123</p>
<p class="fw">full-width: 漢字 і цифри 0123</p>CSS
.fw {
font-variant-east-asian: full-width;
}Динамічний приклад
Приклад використання
Коментарі
Коментарів ще немає — будьте першим!