Свойство text-orientation в CSS

Определение и использование

text-orientation Свойство определяет направление символов.

Обратите внимание:Только при writing-mode Действительно только при вертикальном положении.

Пример

Пример 1

Установить текстовое направление для различных элементов <div>:

div.a {
  text-orientation: mixed;
}
div.b {
  text-orientation: upright;
}

Попробуйте сами

Пример 2

text-orientation Свойство может быть использовано для изменения направления таблицы заголовков:

th {
    writing-mode: vertical-lr;
    text-orientation: upright;
}

Попробуйте сами

Синтаксис CSS

text-orientation: mixed|upright|sideways|sideways-right|use-glyph-orientation|initial|inherit;

Значение свойства

Значение Описание
mixed Значение по умолчанию. Символы поворачиваются на 90 градусов по часовой стрелке.
upright Символы не поворачиваются, остаются вертикальными.
sideways Направление символов совпадает с направлением строки текста, когда writing-mode вертикальный, то есть текст поворачивается на 90 градусов по часовой стрелке.
sideways-right равно значению свойства sideways. Сохраняется для целей совместимости.
use-glyph-orientation Используется для элементов SVG, чтобы текст наследовал устаревшие свойства glyph-orientation-vertical и glyph-orientation-horizontal.
initial Установить это свойство в его значение по умолчанию. См. также: initial.
inherit Эта свойство наследуется от родительского элемента. См. также: inherit.

Технические детали

Значение по умолчанию: mixed
Инheritability: да
Создание анимации: Не поддерживается. См. также:Атрибуты, связанные с анимацией.
Версия: CSS3
Синтаксис JavaScript: object.style.textOrientation="upright"

Поддержка браузеров

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Кروм Эдж Фаерфокс Сафари Опера
48.0 79.0 41.0 14.0 35.0

Связанные страницы

См. также:Свойство writing-mode в CSS