html.okpython.net
Основы создания сайтов
CSS :: Свойство unicode-bidi
css-свойство unicode-bidi (от англ. unicode bidirectional algorithm – алгоритм двунаправленного юникода) используется совместно с direction и позволяет дополнительно к направлению текста задавать еще и направление символов в нем. Это бывает полезным на страницах с несколькими языками, в которых чтение происходит как слева направо, так и справа налево (например, если в документе присутствует смесь русского языка с ивритом).
Характеристики
- Значение по умолчанию: normal.
- Применяется: ко всем элементам.
- Наследуется: нет.
- Анимируется: нет.
- JavaScript: object.style.unicodeBidi="value".
Синтаксис
unicode-bidi: normal | embed | bidi-override
Значения
- normal – право выбора направления остается за браузером, который использует собственный алгоритм для определения направления текста на основе стандартов Unicode.
- embed – направление текста будет задаваться, как указано в свойстве direction.
- bidi-override – направление текста, опять же, будет задаваться свойством direction, но в дополнение к этому изменится и направление символов в тексте.
Ссылки
Официальный сайт W3C: https://drafts.csswg.org/css-writing-modes-3/#propdef-unicode-bidi
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/unicode-bidi
Примеры
HTML
Результат
htmlCodes
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> <style> p{ width: 400px; margin: 3em; } .p_1{ direction: rtl; unicode-bidi: normal; background-color: yellow } .p_2{ direction: rtl; unicode-bidi: bidi-override; background-color: violet } </style> </head> <body> <p class="p_1"> Направление записи текста идет справа налево. </p> <p class="p_2"> Направление записи текста и букв идет справа налево. </p> </body> </html>
Пример №1