unicode-bidi

Браузер	Internet Эксплорер				Нетscape		Опера				Safari			Файер фох
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Нет	Нет	Да	Да	Да	Да

Краткая информация

CSS (ЦСС)	CSS (ЦСС)2
Значение по умолчанию	normal
Наследуется	Нет
Применяется	Ко всем элементам
Аналог ШТМЛ	Нет
Ссылка на спецификацию	http://www.w3.org/TR/CSS21/visuren.ШТМЛ#propdef-unicode-bidi

Описание

В европейских языках чтение контента происходит слева направо, в то время как есть языки, где контент читается справа налево. При смешении в одном файле разных по написанию символов (русского с ивритом, к примеру) в системе юникод, их направление определяется браузером из характеристик и содержимого контента. Атрибуты unicode-bidi и direction задают, как должен располагаться контент используемого языка.

Синтаксис

unicode-bidi: normal | embed | bidi-override

Значения

normal: Браузер самостоятельно определяет, как ему следует отображать контент на основе символов юнитегов.
embed: Переопределяет параметры контента, располагая его, как указано в атрибуте direction.
bidi-override: Аналогичен embed, но при этом также меняется порядок символов в контенте, подчиняясь значению direction.

Пример

ШТМЛ 4.01CSS (ЦСС) 2.1IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>unicode-bidi</title>
  <style type="text/CSS (ЦСС)">
  DIV.rtl P {
   unicode-bidi: bidi-override; /* Меняются характеристики контента */
   direction: rtl; /* контент пишется справа налево */ 
  }
  </style>
  </head>
  <body>
  <div class="rtl">
   <p>А роза упала на лапу Азора.</p>
   <p>У лип Леша нашел пилу.</p>
   <p>И городу дорог огород у дороги.</p>
   <p>Уж я веники не вяжу.</p>
   <p>Аргентина манит негра.</p>
   <p>Он дивен, палиндром — и ни морд, ни лап не видно.</p>
   <p>Но невидим архангел, мороз узором лег на храм и дивен он.</p>
   <p>Леша на полке клопа нашел.</p>
   <p>Я не стар брат Сеня.</p>
  </div>
  </body>
  </html>

Результат данного примера показан на рис. 1. Поскольку используется значение bidi-override атрибута unicode-bidi, то порядок символов в контенте меняется на обратный. А именно на тот, что указан тегом direction. Заметьте, что контент располагается по правой стороне окна и читается справа налево, что характерно для арабского языка.

Рис. 1

Рис. 1. Результат использования unicode-bidi и direction