/html/global-attributes/dir:> Направление вывода информации_

Глобальный атрибут dir

Синтаксис

(X)HTML
<[элемент] dir="[значение]"> ... </[элемент]>

Описание

Глобальный атрибут / параметр dir (от англ. "directionality" ‒ «направленность») устанавливает направление вывода текста элемента или направление вывода таблиц. Действие данного атрибута наследуется от родительского элемента, а так же существует возможность переопределения его значения в дочернем элементе.

Примечание

При отсутствии данного атрибута, а так же если атрибут «dir» имеет значение «auto», браузер должен сам автоматически распознать и установить направление текста/таблицы. Определение направления вывода происходит следующим образом:

  • браузер определяет, к какому типу языков (в плане направления написания/вывода текста) принадлежит первый символ абзаца (буква, кавычка);
  • устанавливается направление вывода текста/таблицы исходя из норм языка, в котором используется символ.

Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 8.2 Specifying the direction of text and tables: the dir attribute
DTD: Transitional Strict Frameset
Перевод
5.0 3.2.5.6 The dir attribute Перевод
5.1 3.2.5.6. The dir attribute
XHTML
1.0 Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1 Extensible HyperText Markup Language

Значения

auto
Устанавливает автоматическое определение расположения текста/таблицы по первому символу
ltr
(от англ. "left to right" ‒ «слева направо») устанавливает расположение текста/таблицы cлева направо.
rtl
(от англ. "right to left" ‒ «справа налево») устанавливает расположение текста/таблицы справа налево.

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Глобальный параметр dir</title>
<style type="text/css">
td { border: 1px solid black; }
</style>
</head>
<body>
<h1>Примеры с атрибутом "dir"</h1>
<h2>Пример 1</h2>
<p dir="rtl">Текст выведен справа налево.</p><hr>
<h2>Пример 2</h2>
<table dir="rtl">
<tr><td>1</td> <td>2</td> <td>3</td></tr>
</table>
</body>
</html>
Глобальный параметр dir