Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : direction

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут direction | Свойство direction

Задает порядок считывания объекта.

Синтаксис

HTML { direction : sDirection }
Скрипты [ sDirection = ] object.style.direction[ = v ]

Используемые значения

sDirection
Строка, которая устанавливает или принимает одно из следующих значений.
ltr Значение по умолчанию. Содержимое выравнивается слева направо.
rtl Содержимое выравнивается справа налево.
inherit Выравнивание содержимого наследуется .

Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Свойство имеет значения по умолчанию ltr. Атрибут Каскадных таблиц стилей (CSS) не наследуется.

Данные выражения могут использоваться в Internet Explorer, начиная с версии IE5.

Замечания

Свойство не оказывает воздействие на буквенно-цифровые символы в документах на латинице. Эти символы всегда визуализируются слева направо. Однако, свойство влияет на символы пунктуации в этих документах.

Свойство имеет отношение только к направленному выравниванию содержимого элемента. Оно не оказывает влияния на такие свойства как left или right, на margin-left или margin-right. Свойство margin-left, например, устанавливает или находит ширину поля с левой стороны документа, не обращая внимание на значение свойства direction.

Пример

В данном примере показывается как установить и присваивоить значение свойству direction. Когда пользователь устанавливает значение свойства direction для элемента div, оно автоматически будет присвоено и элементу span.

<HTML>
  <HEAD>
    <SCRIPT>
    function fnSwitch()
    {
      oDiv.style.direction = event.srcElement.innerText;
      DirSpan.innerText = oDiv.style.direction;
    }
    </SCRIPT>
  </HEAD>
  <BODY>
    <H1>direction Property Sample</H1>
    <H2>direction: 
      <SPAN id="DirSpan" style="color:red"></SPAN>
    </H2>

  [ <A href="#" onclick=fnSwitch()>ltr</A> | <A href="#" 
  onclick=fnSwitch()>rtl</A> | <A href="#" onclick=fnSwitch()>inherit</A> ]</P>
  
  <DIV id="oDiv">The quick brown fox jumps over the lazy yellow dog. The quick brown fox 
  jumps over the lazy yellow dog. The quick brown fox jumps over the lazy yellow 
  dog. The quick brown fox jumps over the lazy yellow dog. The quick brown fox 
  jumps over the lazy yellow dog.</DIV>
</BODY>
</HTML>

Стандарты

Это свойство описано в Cascading Style Sheets (CSS), Level 2 (CSS2)

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

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Ссылки на источники

https://msdn.microsoft.com/en-us/library/ms530750(VS.85).aspx

https://developer.mozilla.org/en/CSS/direction

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования