Свойство 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.

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

Свойство direction поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.