css властивість text-orientation
Властивість text-orientation визначає орієнтацію текстових символів у рядку.
Властивість text-orientation має лише ефект у вертикальному режимі, тобто коли для writing-mode задано значення відмінне від horizontal-tb.
Це корисно для друку тексту мовами, які пишуться вертикально, а також для створення вертикальних заголовків таблиць.
| Нотатка: | Значення властивості |
Синтаксис
text-orientation: mixed | upright | sideways;Властивість text-orientation може отримувати 3 значення:
mixedПоворот символів на 90°. Без задання.
uprightПоказує горизонтальні символи природно (вертикально), а також гліфи для них. Зауважте, що це ключове слово призводить до того, що всі символи розглядаються як "зліва направо": використовується значення напряму примусово становити
ltr.sidewaysВесь текст буде накладено в бік (повернутий на 90° за годинниковою стрілкою), як у горизонтальному розташуванні.
| Значення без задання: | mixed |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.textOrientation |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| text-orientation | 48.0 |
Не підтримується |
41.0 |
Не підтримується |
35.0 |
Не підтримується |
| Переглядач | |||
|---|---|---|---|
| text-orientation | 48.0 |
41.0 |
Не підтримується |
Мобільних переглядачів ще не додано.
Приклади
Значення у дії
Приклад використання
Синтаксис
p {
writing-mode: vertical-rl;
text-orientation: upright;
}