Свойство unicode-bidi

Описание

В европейских языках чтение текста происходит слева направо, в то время как есть языки, где текст читается справа налево. При смешении в одном документе разных по написанию символов (русского с ивритом, к примеру) в системе юникод, их направление определяется браузером из характеристик и содержимого текста.

Свойства unicode-bidi и direction задают, как должен располагаться текст используемого языка.

Синтаксис

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

Пример

<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
 .rtl p {
 unicode-bidi: bidi-override; /* Меняются характеристики текста */
 direction: rtl; /* Текст пишется справа налево */
 }
 </style>
 <div class='rtl'>
 <p>Кто - нибудь поймет тебя однажды,</p>
 <p>А пока, увы, не суждено.</p>
 <p>Шепот сплетен слышит каждый,</p>
 <p>А крик души почти никто.</p>
 </div>
</body>
</html>

Кто - нибудь поймет тебя однажды,

А пока, увы, не суждено.

Шепот сплетен слышит каждый,

А крик души почти никто.

Свойство unicode-bidi

Описание

Синтаксис

Пример

Читайте также

Свойство box-shadow

Стиль для переключателей в неопределённом состоянии

Свойство page-break-after

Свойство background-position-y

Свойство background-position

Значение	Описание
normal	Браузер самостоятельно определяет, как ему следует отображать текст на основе символов юникода.
embed	Переопределяет параметры текста, располагая его, как указано в свойстве direction.
bidi-override	Аналогичен embed, но при этом также меняется порядок символов в тексте, подчиняясь значению direction.