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