css властивість unicode-bidi
Властивість unicode-bidi задає напрямок відображення тексту.

Використовується разом з властивістю direction для підтримки декількох мов в одному документі.
Браузер інколи може не зрозуміти дві різні мови в одному документі і може відобразити одну з них неправильно, наприклад, арабську, яка має бути відображена справа наліво. Ця властивість примусово змушує браузер відображити текст в потрібному напрямку.
Наприклад, якщо блок контенту містить текст, який пишеться зліва направо, так і текст, який пишеться справа наліво, то бразер використовує складний алгоритм, щоб вирішити, як правильно його відображати. Властивість unicode-bidi вимикає застосування цього алгоритму і дозволяє розробнику самому керувати вставкою тексту.
Синтаксис
unicode-bidi: normal|embed|bidi-override|intitial|inherit;
Властивість unicode-bidi може отримувати 5 значень:
-
normal -
Браузер самостійно визначає, як йому слід відображати текст на основі символів Unicode
автор: Svitlana -
embed -
Перевизначає параметри тексту, розташовуючи його, як зазначено у властивості
автор: Svitlanadirection -
bidi-override -
Аналогічний
автор: Svitlanaembed, але ще й змінюється порядок символів в тексті на зворотній. -
initial -
Встановлює властивість у значення без задання
автор: Svitlana -
inherit -
Вказує на спадковість властивості від свого батьківського елемента (якщо відповідна властивість встановлена).
автор: Svitlana
| Значення без задання: | normal |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.unicodeBidi="bidi-override" |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| unicode-bidi | 2.0 | 1.0 | 1.3 | 9.2 | 12.0 | 5.5 |
| Переглядач | |||
|---|---|---|---|
| unicode-bidi | 1.0 | 4.0 | 3.1 |
Приклади
+ запропонувати свій приклад у пісочниці
bidi-override разом із direction: rtl примусово малює символи справа наліво — рядок читається задом наперед. Без override алгоритм двоспрямованого тексту сам вирішив би порядок.
HTML
<div class="over">Цей текст виведено у зворотному порядку.</div>
<div>А цей — звичайний.</div>
CSS
.over {
direction: rtl;
unicode-bidi: bidi-override;
}
Значення у дії
Приклад використання
Коментарі
Коментарів ще немає — будьте першим!