| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS | |
| 6.0 + | 8.0 + | 2.0 + | 9.2 + | 1.3 + | 1.0 + | 1.0 + | 1.0 + |
Коротка інформація
| Значення за умовчанням | normal |
|---|---|
| Успадковується | Ні |
| Застосовується | |
| Посилання на специфікацію | http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
в європейських мовах читання тексту відбувається зліва направо, в той час як є мови, де текст читається справа наліво. При змішуванні в одному документі різних по написанню символів (російського з івритом, наприклад) в системі юнікод, їх напрямок визначається браузером з характеристик і вмісту тексту. Властивості unicode-bidi і direction задають, як повинен розташовуватися текст використовуваної мови.
Синтаксис
unicode-bidi: normal | embed | bidi-override | inherit
Значення
- normal
- Браузер самостійно визначає, як йому варто відображати текст на основі символів Unicode.
- embed
- перевизначає параметри тексту, розташовуючи його, як зазначено у властивості direction .
- bidi-override
- Аналогічний embed, але при цьому також змінюється порядок символів в тексті, підкоряючись значенням direction .
- inherit
- Успадковує значення батька.
Приклад
HTML5 CSS2.1 IE Cr Op Sa Fx
<!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>
Результат даного прикладу показаний на рис. 1. Оскільки використовується значення bidi-override властивості unicode-bidi, то порядок символів в тексті змінюється на зворотний. А саме на той, що зазначений властивістю direction . Зауважте, що текст розташовується по правому краю вікна, точка в реченні зліва від тексту.
Браузери
Internet Explorer до версії 7.0 включно не підтримує значення inherit .