Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / text / international / bidi-LDB-2-formatting-characters.html
blob8044f71dbe6df89512babac47ec8f0d1e4696704
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
2 <HTML><HEAD>
3 <!--
4 Based on http://dbaron.org/css/test/bidi2_charcode by Dave Baron, dbaron@dbaron.org
5 Copied with permission on 2005-09-10
6 Modified with permission (rearranged to fit in 800x600 and changed to make more
7 testcases have the same expected layout).
8 -->
9 <TITLE>Bidirectional Text Test 2 - Formatting Characters</TITLE>
10 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
11 <meta http-equiv="Content-Style-Type" content="text/css">
12 <LINK REL="copyright" HREF="/~dbaron/legal.html">
13 <STYLE TYPE="text/css">
14 body { overflow: hidden; }
15 p { text-align: left; }
17 table.pair { border-spacing: 0; margin-bottom: 0; }
18 table.pair td { padding: 0; }
19 p.pair { margin: 0; }
21 .rtl { direction: rtl; }
22 .ltr { direction: ltr; }
24 div.box { border:1px green solid; display:inline-block; padding:3px; margin:3px; vertical-align:middle; }
26 </STYLE>
27 </HEAD>
28 <BODY>
29 <H1>Bidirectional Text Test 2 - Formatting Characters</H1>
31 <!--
33 LRE &#x202A;
34 RLE &#x202B;
35 PDF &#x202C;
36 LRO &#x202D;
37 RLO &#x202E;
39 -->
41 <p>This test is based on <a
42 href="http://www.w3.org/TR/REC-CSS2/visuren.html#direction">CSS2 section
43 9.10</a> and <a href="http://www.unicode.org/unicode/uni2book/ch03.pdf">Chapter
44 3</a> of the <a href="http://www.unicode.org/unicode/uni2book/u2.html">Unicode
45 Standard</a>.</p>
47 <p>
48 Note that <a href="http://www.w3.org/TR/unicode-xml/#Bidi">Unicode in
49 XML and other Markup Languages</a> suggests that HTML UAs should ignore
50 these characters.
51 </p>
52 <p>In each box, all the lines should be the same.</p>
53 <div class="box">
54 <p class="pair">ABCDEFGHI</p>
55 <p class="rtl pair">&#x202b;ABCDEFGHI&#x202c;</p>
56 <p class="rtl pair">&#x202b;ABC<span>DEF</span>GHI&#x202c;</p>
57 <p class="rtl pair">&#x202e;IHGFEDCBA&#x202c;</p>
58 <p class="rtl pair">&#x202e;IHG<span>FED</span>CBA&#x202c;</p>
59 <p class="rtl pair">&#x202e;IHG&#x202b;DEF&#x202c;CBA&#x202c;</p>
60 <p class="rtl pair">&#x202e;IHG&#x202e;FED&#x202c;CBA&#x202c;</p>
61 <p class="rtl pair">&#x202e;IHG&#x202e;FED&#x202c;CBA&#x202c;</p>
62 <p class="rtl pair">&#x202e;IHG&#x202d;DEF&#x202c;CBA&#x202c;</p>
63 </div>
65 <div class="box">
66 <table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td></tr></table>
67 <p class="pair">&#x05D0;&#x05D1;&#x05D2;</p>
68 <p class="pair">&#x202a;&#x05D0;&#x05D1;&#x05D2;&#x202c;</p>
69 <p class="pair">&#x202d;&#x05D2;&#x05D1;&#x05D0;&#x202c;</p>
70 </div>
72 <div class="box">
74 <table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td></tr></table>
75 <p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5;</p>
76 <p class="pair rtl">&#x05D3;&#x05D4;&#x05D5; ABC &#x05D0;&#x05D1;&#x05D2;</p>
77 </div>
79 <div class="box">
80 <table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp;</td><td>D</td><td>E</td><td>F</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
81 <p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5; DEF &#x05D6;&#x05D7;&#x05D8;</p>
82 <p class="pair">&#x05D0;&#x05D1;&#x05D2; <span>ABC &#x05D3;&#x05D4;&#x05D5;</span> DEF &#x05D6;&#x05D7;&#x05D8;</p>
83 <p class="pair">&#x05D0;&#x05D1;&#x05D2; &#x202a;ABC &#x05D3;&#x05D4;&#x05D5; DEF&#x202c; &#x05D6;&#x05D7;&#x05D8;</p>
84 <p class="pair">&#x05D6;&#x05D7;&#x05D8; &#x202b;DEF &#x05D3;&#x05D4;&#x05D5; ABC&#x202c; &#x05D0;&#x05D1;&#x05D2;</p>
85 <p class="pair">&#x05D3;&#x05D4;&#x05D5; &#x202b;ABC &#x05D0;&#x05D1;&#x05D2;&#x202c; DEF &#x05D6;&#x05D7;&#x05D8;</p>
86 <p class="pair">&#x05D3;&#x05D4;&#x05D5; &#x202e;CBA &#x05D0;&#x05D1;&#x05D2;&#x202c; DEF &#x05D6;&#x05D7;&#x05D8;</p>
87 <p class="pair">&#x05D0;&#x05D1;&#x05D2; &#x202d;ABC &#x05D5;&#x05D4;&#x05D3;&#x202c; DEF &#x05D6;&#x05D7;&#x05D8;</p>
88 <p class="pair rtl">&#x05D6;&#x05D7;&#x05D8; &#x202d;ABC &#x05D5;&#x05D4;&#x05D3;&#x202c; DEF &#x05D0;&#x05D1;&#x05D2;</p>
89 </div>
91 <div class="box">
92 <table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp;</td><td>D</td><td>E</td><td>F</td><td>&nbsp;</td><td>G</td><td>H</td><td>I</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
93 <p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x05D3;&#x05D4;&#x05D5; DEF GHI &#x05D6;&#x05D7;&#x05D8;</p>
94 </div>
95 <br/>
96 <div class="box">
97 <table class="pair"><tr><td>F</td><td>E</td><td>D</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp;</td><td>C</td><td>B</td><td>A</td><td>&nbsp;</td><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>G</td><td>H</td><td>I</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
98 <p class="pair">&#x05D0;&#x05D1;&#x05D2; &#x202e;ABC &#x05D3;&#x05D4;&#x05D5; DEF&#x202c; GHI &#x05D6;&#x05D7;&#x05D8;</p>
99 </div>
101 <div class="box">
102 <table class="pair"><tr><td>&#x05D2;</td><td>&#x05D1;</td><td>&#x05D0;</td><td>&nbsp;</td><td>A</td><td>B</td><td>C</td><td>&nbsp;</td><td>F</td><td>E</td><td>D</td><td>&nbsp;</td><td>&#x05D5;</td><td>&#x05D4;</td><td>&#x05D3;</td><td>&nbsp</td><td>G</td><td>H</td><td>I</td><td>&nbsp;</td><td>&#x05D8;</td><td>&#x05D7;</td><td>&#x05D6;</td></tr></table>
103 <p class="pair">&#x05D0;&#x05D1;&#x05D2; ABC &#x202e;&#x05D3;&#x05D4;&#x05D5; DEF&#x202c; GHI &#x05D6;&#x05D7;&#x05D8;</p>
104 </div>
105 <p>Note: This test does not test RLM or LRM, but it ought to.</p>
107 <hr title="Beginning of Footer">
108 <!--
109 <P><A HREF="http://validator.w3.org/check/referer" TITLE="W3C HTML Validator"><img src="../../images/vh40" ALT="Valid HTML 4.0!" height="31" width="88"></A></P>
111 <P>(Back to
112 <A HREF="./">CSS Testing Information</A>,
113 <A HREF="../../">David Baron</A>)
114 <P><A HREF="/" TITLE="David Baron's Homepage">LDB</A>,
115 <A rev="made" href="mailto:dbaron@dbaron.org" TITLE="Send e-mail to David Baron">dbaron@dbaron.org</A>, 2001-06-05</P>
116 <P>Modified and used with the author&rsquo;s permission.</P>
117 </BODY></HTML>