css властивість unicode-bidi


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

Властивість `unicode-bidi`

Використовується разом з властивістю direction для підтримки декількох мов в одному документі.

Браузер інколи може не зрозуміти дві різні мови в одному документі і може відобразити одну з них неправильно, наприклад, арабську, яка має бути відображена справа наліво. Ця властивість примусово змушує браузер відображити текст в потрібному напрямку.

Наприклад, якщо блок контенту містить текст, який пишеться зліва направо, так і текст, який пишеться справа наліво, то бразер використовує складний алгоритм, щоб вирішити, як правильно його відображати. Властивість unicode-bidi вимикає застосування цього алгоритму і дозволяє розробнику самому керувати вставкою тексту.

автор: Svitlana

Синтаксис

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

Властивість unicode-bidi може отримувати 5 значень:

normal

Браузер самостійно визначає, як йому слід відображати текст на основі символів Unicode

автор: Svitlana

embed

Перевизначає параметри тексту, розташовуючи його, як зазначено у властивості direction

автор: Svitlana

bidi-override

Аналогічний embed, але ще й змінюється порядок символів в тексті на зворотній.

автор: Svitlana

initial

Встановлює властивість у значення без задання

автор: Svitlana

inherit

Вказує на спадковість властивості від свого батьківського елемента (якщо відповідна властивість встановлена).

автор: Svitlana

Значення без задання: normal
Наслідує: Так
Анімується: Ні
JavaScript синтаксис: object.style.unicodeBidi="bidi-override"

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
unicode-bidi 2.0 1.0 1.3 9.2 12.0 5.5
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Mozilla Firefox Mobile Apple Safari
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;
}
автор: Svitlana

Значення у дії

автор: Svitlana

Приклад використання

автор: Svitlana

Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід