X

Headline

This is an important message requiring you to make a choice if you're based in the EU.

CSS свойство direction

Свойство 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+


Считаете ли это полезным?

Похожие статьи