/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>
<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