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

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

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

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

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

правити

Нотатка

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

автор: Svitlana правити

+ додати пораду чи нотатку

Синтаксис

direction: ltr|rtl|initial|inherit;

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

ltr

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

автор: Svitlana

правити

rtl

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

автор: Svitlana

правити

initial

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

автор: Svitlana

правити

inherit

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

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
direction	2.0	1.0	1.3	9.2	12.0	5.5

Підтримка: мобільні переглядачі

Переглядач
direction	1.0	1.0	1.3

Приклади

+ запропонувати свій приклад у пісочниці

<p class="ltr">Звичайний напрямок: зліва направо.</p>
<p class="rtl">Той самий текст, але напрямок rtl.</p>

.ltr { direction: ltr; }
.rtl { direction: rtl; }