Unicode-bidi - CSS-хитрощі | Альманах CSS 2025

unicode-bidiВластивість є одним з двох властивостей CSS , які обробляють рендеринг двонаправленого тексту в HTML і аналогічних розмітки на основі мов (наприклад , XML). Інша властивість є direction, і обидва вони використовуються разом для створення рівнів вбудованого тексту з різними напрямками тексту (справа наліво та зліва направо) в одному елементі DOM.

.bilingual-excerpt ( direction: rtl; unicode-bidi: embed; )

Зазвичай браузер визначає, в якому напрямку буде протікати вбудований текст, залежно від langатрибутів елементів, локалі браузера та font-familyконкретних елементів. unicode-bidiкорисний, коли елемент містить як LTR-текст, так і RTL-текст:

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

unicode-bidiВластивість має три широко підтримуваних значень:

ключове слово “нормальне”, яке не пропонує додаткових рівнів вбудованого двонаправленого тексту (поведінка браузера за замовчуванням). Елемент із цією властивістю міститиме лише LTR або RTL текст.
ключове слово “embed”, яке дозволяє отримувати двонаправлений текст в елементі (наприклад, RTL-текст, що проходить серед тексту LTR). Це визначається directionвластивістю і має застосовуватися до вбудованого елемента.
ключове слово “bidi-override”, яке діє так само, як “embed”, коли застосовується до вбудованих елементів. На елементах рівня блоку це перекриває двонаправлений алгоритм тексту браузера і передає текст усередині вбудованих дочірніх елементів строго відповідно до directionвластивості.

Цікаві місця

unicode-bidiВластивість «призначене для дизайнерів DTD. Веб-дизайнери та подібні автори не повинні це замінювати ". Уважно вирішіть, чи потрібно вам це використовувати.
Хоча Internet Explorer технічно підтримує unicode-bidiз версії 5.5, існують "серйозні помилки, що стосуються плаваючих елементів", і їх використання надійне в IE 8+ (див. Нижче)