CSS-свойство direction

Свойство direction указывает:

основное направление записи (слева направо или справа налево) блоков.
направление встраивания и переопределения для двунаправленного алгоритма Unicode (см. свойство unicode-bidi).
направление расположения столбцов таблицы table.
направление горизонтального overflow.
позицию незавершенной последней строки в блоке, когда значение свойства text-align установлено как justify.

Значение по умолчанию:	`ltr`
Применяется к:	Все элементы
Наследование:	Да
Анимирование:	Нет. Анимируемые свойства
Версия:	CSS 2, 3

В отличие от атрибута dir в HTML, CSS-свойство direction, если оно указано для элементов столбца таблицы, не наследуется ячейками, т.к. в дереве документа строки являются предками ячеек, а не столбцов.

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

direction: ltr | rtl | initial | inherit

Примеры написания кода свойства direction:

p {
    direction: rtl;
    unicode-bidi: bidi-override;
}

Чтобы свойство direction влияло на переупорядочение во встроенных элементах (inline), значение свойства unicode-bidi должно быть embed или override.

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

В следующей таблице описаны значения этого свойства.

Значение	Описание
`ltr`	Устанавливает направление слева направо. Это значение установлено по умолчанию.
`rtl`	Устанавливает направление справа налево.
`initial`	Устанавливает это свойство в значение по умолчанию.
`inherit`	Если указан, связанный элемент принимает вычисленное значение своего родительского элемента `direction`.