blob: 22d72a49cc0f37995e8f8a1c6c79edcf1e4f4e60 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Bidirectional Text Test 2 - CSS</title>
<style>
body { font-size: 300%; }
p { font-family: monospace; text-align: left; margin: 0; }
.rtl { direction: rtl; }
.ltr { direction: ltr; }
.rle { direction: rtl; unicode-bidi: embed; }
.lre { direction: ltr; unicode-bidi: embed; }
.rlo { direction: rtl; unicode-bidi: bidi-override; }
.lro { direction: ltr; unicode-bidi: bidi-override; }
.embed { unicode-bidi: embed; }
.override { unicode-bidi: bidi-override; }
</style>
</head>
<!-- Testcases based on https://dbaron.org/css/test/bidi2 by L. David Baron. -->
<body>
<p>The following lines should all read "ABCDEFGHI":</p>
<p>ABCDEFGHI</p>
<p class="rtl">ABCDEFGHI</p>
<p class="rtl">ABC<span>DEF</span>GHI</p>
<p class="rlo">IHGFEDCBA</p>
<p class="rlo">IHG<span>FED</span>CBA</p>
<p class="rlo">IHG<span class="embed">DEF</span>CBA</p>
<p class="rlo">IHG<span class="override">FED</span>CBA</p>
<p class="rlo">IHG<span style="unicode-bidi: inherit">FED</span>CBA</p>
<p class="rlo">IHG<span class="lro">DEF</span>CBA</p>
</body>
</html>
|
