direction

Обновлено: 26.05.2022

direction

direction предназначен для сайтов, в которых имеет значение направление текста. Например, при использовании арабского алфавита чтение происходит справа налево.

Свойство direction достаточно универсально и управляет следующими возможностями:

  • способ отображения текста в блоке;
  • порядок колонок в таблице;
  • позиция полосы прокрутки в блоке;
  • положение последней висячей строки текстового блока при text-align: justify.

Для использования со встроенными элементами, значение свойства unicode-bidi должно быть задано как embed или override.

Краткая информация

Значение по умолчанию ltr
Наследуется Да
Применяется Ко всем элементам
Анимируется Нет

Синтаксис

direction: ltr | rtl

Значения

ltr Устанавливает направление слева направо.
rtl Задаёт направление справа налево.

Пример

Результат данного примера показан на рис. 1. Обратите внимание на положение точки в предложении, а также на то, что полоса прокрутки отображается слева.

Рис. 1. Результат использования direction

Результат данного примера показан на рис. 2. Колонки таблицы отображается справа налево.

Рис. 2. Применение direction к таблице

Объектная модель

Объект.style.direction

Примечание

При добавлении свойства direction со значением rtl к блоку с полосой прокрутки (например, <textarea>), браузер Internet Explorer и Firefox отображают скроллинг слева, а Opera и Safari — справа.

Браузеры

direction

Посмотреть совместимость на Can I use?

direction