css властивість direction


Властивість direction вказує напрямов написання тексту.

Властивість `direction`

Це актуально, наприклад, для арабських мов, де читання відбувається справа наліво. Властивість direction відповідає за наступне:

  • спосіб відображення тексту в блоці;
  • порядок колонок в таблиці;
  • положення смуги прокрутки в блоці

Використовуйте rtl для мов, які пишуться справа наліво (на зразок івриту або арабської мови), і ltr для тих, які пишуться зліва направо (наприклад, українська, англійська та більшість інших мов). Зауважте, що напрямок тексту зазвичай визначається в межах документа (наприклад, з атрибутом dir у форматі HTML), а не за допомогою прямого використання властивості direction.

Нотатка:

Використовуйте цю властивість разом з властивістю unicode-bidi, щоб встановити підтримку декількох мов в одному документі.

Синтаксис

direction: ltr|rtl|initial|inherit;

Властивість direction може отримувати 4 значення:

ltr

Встановлює напрямок зліва направо

rtl

Встановлює напрямок справа наліво

initial

Встановлює властивість у значення без задання

inherit

Вказує на спадковість властивості від свого батьківського елемента

Значення без задання: ltr
Наслідує: Так
Анімується: Ні
JavaScript синтаксис: object.style.direction="rtl"

Переглядачі

Переглядач
direction

2.0

5.5

1.0

1.3

9.2

12.0

Переглядач
direction

1.0

1.0

1.3


Мобільних переглядачів ще не додано.

Приклади


Значення у дії

Приклад використання

Синтаксис

direction: ltr;


direction: rtl;





direction: inherit;


direction: initial;


direction: unset;

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