direction

Оновлено: 21.12.2022

direction

direction призначений для сайтів, у яких має значення напрямок тексту. Наприклад, при використанні арабського алфавіту читання відбувається справа наліво.

Властивість direction є доволі універсальною і керує такими можливостями:

  • спосіб відображення тексту в блоці;
  • порядок колонок у таблиці;
  • позиція смуги прокрутки в блоці;
  • положення останнього висячого рядка текстового блоку при text-align: justify.

Для використання з вбудованими елементами, значення властивості unicode-bidi має бути задано як embed або override.

Коротка інформація

Значення за замовчуванням ltr
Успадковується Так
Застосовується До всіх елементів
Анімується Ні

Синтаксис 

direction: ltr | rtl

Значення

ltr Встановлює напрямок зліва направо.
rtl Задає напрямок справа наліво.

Приклад

Зверніть увагу на положення крапки в реченні, а також на те, що смуга прокрутки відображається зліва.

Об'єктна модель

Об'єкт.style.direction

Примітка

У разі додавання властивості direction зі значенням rtl до блоку зі смугою прокрутки (наприклад, <textarea>), браузер Internet Explorer і Firefox відображають скролінг зліва, а Opera і Safari - справа.

Браузери

direction

Переглянути сумісність з Can I use?

direction