Опубликовано: 18.08.2010 Последняя правка: 08.12.2015
CSS1CSS2CSS2.1CSS3
IEChromeFireFoxOperaSafari

unicode-bidi

Свойство CSS unicode-bidi используется для переопределения направления текста (письма) элемента, слева направо или справа налево. Оно управляет дополнительным уровнем переопределения, когда указаний свойства direction недостаточно. Обычно это необходимо в тех случаях, когда на одной странице присутствует разнонаправленный текст на нескольких языках и браузер не может самостоятельно определить направление письма какого-то из них. Либо автору по каким-то причинам надо перевернуть, например, текст на русском языке.

Тип свойства

Назначение: текст.

Применяется: ко всем элементам.

Наследуется: нет.

Значения

Значением свойства unicode-bidi является одно из ключевых слов.

  • normal — браузер самостоятельно определяет направление текста согласно языка, на котором он написан (сверяя символы текста со своей таблицей Юникода) и указаний свойства direction.
  • embed — то же, что и normal, но позволяет воздействовать непосредственно на встроенный (inline) элемент.
  • bidi-override — направление текста устанавливается строго в соответствии со свойством direction, невзирая на язык текста. Это значение применимо, как к блочным, так и к встроенным элементам, но воздействует оно только на текст и встроенных потомков элемента. Если же внутри присутствует блочный элемент, то ни на него, ни на его содержимое свойство не распространится.
  • inherit — наследует значение unicode-bidi от родительского элемента.

Процентная запись: не существует.

Значение по умолчанию: normal.

Синтаксис

unicode-bidi: normal | embed | bidi-override | inherit

Пример CSS: использование unicode-bidi

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - CSS свойство unicode-bidi</title>
  <style type="text/css">
   p {
    font-size: 190%; /* размер шрифта параграфа */
    direction: rtl; /* изменение направления */
    unicode-bidi: bidi-override; /* точно согласно direction */
   }
  </style>
 </head>
 <body>
  <p>А как утро — во рту кака.</p>
 </body>
</html>

Результат примера

Результат. Использование свойства CSS unicode-bidi.

Использование свойства CSS unicode-bidi

Версии CSS

Версия:CSS 1CSS 2CSS 2.1CSS 3
Поддержка:НетДаДаДа

Браузеры

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и 7.08.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ЧастичноДаДаДаДаДа

Internet Explorer 6.0 и 7.0 не понимают значение inherit.

CSS по алфавиту
CSS по назначению