css властивість text-orientation


Властивість text-orientation визначає орієнтацію текстових символів у рядку.

Властивість `text-orientation`

Властивість text-orientation має лише ефект у вертикальному режимі, тобто коли для writing-mode задано значення відмінне від horizontal-tb.

Це корисно для друку тексту мовами, які пишуться вертикально, а також для створення вертикальних заголовків таблиць.

Нотатка:

Значення властивості sideways працює тільки у брайзері Firefox починаючи з версії 44.0.

Синтаксис

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;


}

Додаткові посилання