Свойство direction определяет направление текста.
Свойство direction устанавливает основное направление текста для элементов блочного уровня. Для использования со встроенными элементами, значение свойства unicode-bidi должно быть задано как embed. Свойство также устанавливает выравнивание по умолчанию элементов блочного уровня текста и порядок колонок в таблице.
В отличии от dir атрибута в HTML, свойство direction не наследуется от колонок таблицы в ячейки таблицы.
Свойство direction не имеет эффекта для элементов строчного уровня.
| Значение по умолчанию | ltr |
| Применяется | Ко всем элементам. |
| Наследуется | Да |
| Анимируемое | Discrete |
| Версия | CSS2 |
| DOM Syntax | object.style.direction = "rtl"; |
Синтаксис
direction: ltr | rtl | initial | inherit;Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
div {
direction: rtl;
}
</style>
</head>
<body>
<p>Как видите, этот текст написан при помощи направления по умолчанию.</p>
<div>Но этот текст написан справа налево, как мы сами задали.</div>
</body>
</html>В примере использовано значение "rtl", которое задает направление справа налево.
Значения
| Значение | Описание |
|---|---|
| ltr | Задает направление текста слева направо. Значение по умолчанию. |
| rtl | Задает направление текста справа налево. |
| initial | Устанавливает свойство в значение по умолчанию. |
| inherit | Значение элемента наследуется от родительского элемента. |
Поддержка браузера
|
|
|
|
|
|---|---|---|---|---|
| 2.0+ | 12.0+ | 1.0+ | 1.3+ | 9.2+ |
Практикуйте свои знания
Что делает CSS свойство 'direction'?
Правильный!
Неправильно!