English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут direction определяет:
Основное направление записи блока (с правой стороны на левую или с левой стороны на правую).
Направление вставки и замены для алгоритма Unicode bidirectional (см.unicode-bidiсвойство).
tableнаправление макета столбцов.
overflowв направлении
Когдаtext-alignПозиция неvollständiger Zeile блока, когда значение свойства установлено в justify.
В таблице приведены инструкции по использованию и историю версий этого свойства, а также синтаксис использования этого свойства в скриптах JavaScript.
| Значение по умолчанию: | ltr |
|---|---|
| Для: | Все элементы |
| Наследование: | Да |
| Анимировано: | Нет.См. Свойства анимации. |
| Версия: | CSS 2, 3 |
| JavaScript синтаксис: | object.style.direction="rtl" |
Обратите внимание:В отличие от свойства dir в HTML, свойство direction CSS для элементов списка не наследуется ячейками списка, так как наследование CSS следует дереву документа, строка является родителем ячейки в дереве документа, а не столбец.
Грамматика属性的
direction: ltr | rtl | initial | inherit
Следующие примеры показывают, как использовать свойство direction.
p {
direction: rtl;
unicode-bidi: bidi-override;
}Протестируйте, посмотрите <‹/›>Обратите внимание:Чтобы свойство direction влияло на перестановку инлайн-элементов, этоunicode-bidiЗначение свойства должно быть embed или override.
В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| ltr | Установить направление с левой стороны на правую. Это значение по умолчанию. |
| rtl | Установить направление с правой стороны на левую. |
| initial | Установите это свойство в его значение по умолчанию. |
| inherit | Если указано, то связанный элемент принимает значение свойства direction родителя. |
Совместимость браузеров для свойства direction, числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Уточните следующую инструкцию:CSS Text.
Связанные свойства: unicode-bidi