Wartość normal jest domyślną wartością właściwości unicode-bidi.
Domyślnie jeden z mechanizmów przeglądarki internetowej rozwiązuje problem dwukierunkowości tekstu elementu HTML korzystając z góry ustalonego oraz wbudowanego algorytmu.
unicode-bidi:normal;
(Słonecznik Biały) عباد الشمس أبيض 100g.
Problem dwukierunkowości tekstu przykładowego elementu "div" został rozwiązany przez jeden z mechanizmów przeglądarki internetowej na podstawie z góry ustalonego oraz wbudowanego algorytmu.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
direction:rtl;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
(Słonecznik Biały) عباد الشمس أبيض <b>100g</b>.
</div>
</body>
</html>
Za pomocą wartości embed właściwości unicode-bidi możemy sprawić, że z góry ustalony oraz wbudowany algorytm służący do rozwiązywania problemu dwukierunkowości tekstu elementu HTML zadziała również dla interesującego nas elementu HTML występującego na poziomie tekstu.
unicode-bidi:embed;
(Słonecznik Biały) عباد الشمس أبيض 100g.
Problem dwukierunkowości tekstu przykładowego elementu "span" został rozwiązany przez jeden z mechanizmów przeglądarki internetowej na podstawie z góry ustalonego oraz wbudowanego algorytmu, ponieważ do wspomnianego elementu "span" została dodana właściwość "unicode-bidi" wraz z wartością "embed".
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
font-size:1.3em;
}
div > span {
unicode-bidi:embed;
direction:rtl;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
<span>(Słonecznik Biały) عباد الشمس أبيض <b>100g</b>.</span>
</div>
</body>
</html>
Za pomocą wartości bidi-override właściwości unicode-bidi możemy sprawić, że z góry ustalony oraz wbudowany algorytm służący do rozwiązywania problemu dwukierunkowości tekstu elementu HTML będzie ignorowany przez interesujący nas element HTML.
unicode-bidi:bidi-override;
(Słonecznik Biały) عباد الشمس أبيض 100g.
Problem dwukierunkowości tekstu przykładowego elementu "div" nie został rozwiązany przez jeden z mechanizmów przeglądarki internetowej na podstawie z góry ustalonego oraz wbudowanego algorytmu, ponieważ do wspomnianego elementu "div" została dodana właściwość "unicode-bidi" wraz z wartością "bidi-override".
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
unicode-bidi:bidi-override;
direction:rtl;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
(Słonecznik Biały) عباد الشمس أبيض <b>100g</b>.
</div>
</body>
</html>
