Коротка інформація
У європейських мовах текст читається зліва направо, але є мови, де текст читається справа наліво. Властивості unicode-bidi і direction визначають, як текст мови має бути відображений.
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
У системі Unicode напрямок тексту визначається браузером за допомогою властивостей unicode-bidi і direction.
Синтаксис
unicode-bidi: normal | embed | bidi-override | inherit
Значення
- normal
- Браузер автоматично визначає спосіб відображення тексту.
- embed
- Використовується для визначення напрямку тексту, як вказано в властивості direction.
- bidi-override
- Текст розташовується відповідно до напрямку, вказаного в direction.
- inherit
- Наслідує значення батька.
Приклад
HTML5CSS2.1IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>unicode-bidi</title>
<style>
.rtl p {
unicode-bidi: bidi-override;
direction: rtl;
}
</style>
</head>
<body>
<div class="rtl">
<p>А роза упала на лапу Азора.</p>
<p>У лип Леша нашел пилу.</p>
<p>І городу дорог огород у дороги.</p>
<p>Уж я веники не вяжу.</p>
<p>Аргентина манит негра.</p>
<p>Он дивен, палиндром — и ни морд, ни лап не видно.</p>
<p>Но невидим архангел, мороз узором лег на храм и дивен он.</p>
<p>Леша на полке клопа нашел.</p>
<p>Я не стар брат Сеня.</p>
</div>
</body>
</html>Браузери
Internet Explorer до версії 7.0 не підтримує значення inherit.