unicode-bidi CSS

Свойства unicode-bidi и direction задают, как должен располагаться текст используемого языка.

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

Свойства **`unicode-bidi`** и [`direction`](/css/direction/) задают, как должен располагаться текст используемого языка. В европейских языках чтение текста происходит слева направо, в то время как есть языки, где текст читается справа налево. При смешении в одном документе разных по написанию символов (русского с ивритом, к примеру) в системе юникод, их направление определяется браузером из характеристик и содержимого текста.
Значение по умолчанию:

normal

Значение по умолчанию:
`normal`
Наследуется:
Нет
Применяется:

Ко всем элементам

Применяется:
Ко всем элементам
Анимируется:
Нет
Объект JavaScript:

object.style.unicodeBidi

Объект JavaScript:
`object.style.unicodeBidi`
Спецификации:
Спецификации:
* [CSS Writing Modes Module Level 3](http://dev.w3.org/csswg/css3-writing-modes/#unicode-bidi) * [CSS Level 2 (Revision 1)](http://www.w3.org/TR/CSS2/visuren.html#propdef-unicode-bidi)

Синтаксис

/* Keyword values */
unicode-bidi: normal;
unicode-bidi: embed;
unicode-bidi: isolate;
unicode-bidi: bidi-override;
unicode-bidi: isolate-override;
unicode-bidi: plaintext;
/* Global values */
unicode-bidi: inherit;
unicode-bidi: initial;
unicode-bidi: unset;

Синтаксис

/* Keyword values */ unicode-bidi: normal; unicode-bidi: embed; unicode-bidi: isolate; unicode-bidi: bidi-override; unicode-bidi: isolate-override; unicode-bidi: plaintext; /* Global values */ unicode-bidi: inherit; unicode-bidi: initial; unicode-bidi: unset;

Значения

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

Значения

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

Примеры

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>unicode-bidi</title>
  <style>
  .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>

Примеры

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>unicode-bidi</title> <style> .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>

Содержание

  • Синтаксис
      /* Keyword values */ unicode-bidi: normal; unicode-bidi: embed; unicode-bidi: isolate; unicode-bidi: bidi-override; unicode-bidi: isolate-override; unicode-bidi: plaintext; /* Global values */ unicode-bidi: inherit; unicode-bidi: initial; unicode-bidi: unset;
  • Значения
    • Примеры
        <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>unicode-bidi</title> <style> .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>

    В начало