css властивість direction
Властивість direction вказує напрямов написання тексту.
Це актуально, наприклад, для арабських мов, де читання відбувається справа наліво. Властивість direction відповідає за наступне:
- спосіб відображення тексту в блоці;
- порядок колонок в таблиці;
- положення смуги прокрутки в блоці
Використовуйте rtl для мов, які пишуться справа наліво (на зразок івриту або арабської мови), і ltr для тих, які пишуться зліва направо (наприклад, українська, англійська та більшість інших мов). Зауважте, що напрямок тексту зазвичай визначається в межах документа (наприклад, з атрибутом dir у форматі HTML), а не за допомогою прямого використання властивості direction.
| Нотатка: | Використовуйте цю властивість разом з властивістю |
Синтаксис
direction: ltr|rtl|initial|inherit;Властивість direction може отримувати 4 значення:
| Значення без задання: | 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;