blob: d0c32dd2c0a0d728be9ecdeea1626abbab2dd079 [file] [log] [blame]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Directional overrides</title>
<style type="text/css">
@import url(resources/Mac-compatible-font-fallback.css);
table {border-spacing:0; border-collapse:collapse; text-align:center;}
td {border: 1px solid green; padding:4px;}
</style>
</head>
<body>
<p>All rows should be identical to the reference row.</p>
<table>
<tr>
<td style="text-align:right">Reference</td>
<td>abcdef&#x05d0;&#x05d1;&#x05d2;ghijkl
&#x05d6;&#x05d7;&#x05d8;&#x05d9;&#x05db;&#x05dc;abc&#x05d0;&#x05d1;&#x05d2;&#x05d3;&#x05d4;&#x05d5;</td>
<td style="direction:rtl;">ghijkl&#x05d0;&#x05d1;&#x05d2;abcdef
&#x05d0;&#x05d1;&#x05d2;&#x05d3;&#x05d4;&#x05d5;abc&#x05d6;&#x05d7;&#x05d8;&#x05d9;&#x05db;&#x05dc;</td>
</tr>
<tr>
<td style="text-align:right">CSS, siblings</td>
<td>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihg&#x05d0;&#x05d1;&#x05d2;fed</span>jkl &#x05d0;&#x05d1;&#x05d2;<span style="direction:ltr; unicode-bidi:bidi-override;">&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;</span>&#x05d9;&#x05db;&#x05dc;</td>
<td style="direction:rtl;">abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihg&#x05d0;&#x05d1;&#x05d2;fed</span>jkl &#x05d0;&#x05d1;&#x05d2;<span style="direction:ltr; unicode-bidi:bidi-override;">&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;</span>&#x05d9;&#x05db;&#x05dc;</td>
</tr>
<tr>
<td style="text-align:right">CSS, children</td>
<td><span>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihg&#x05d0;&#x05d1;&#x05d2;fed</span>jkl</span>
<span>&#x05d0;&#x05d1;&#x05d2;<span style="direction:ltr; unicode-bidi:bidi-override;">&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;</span>&#x05d9;&#x05db;&#x05dc;</span></td>
<td style="direction:rtl;"><span>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihg&#x05d0;&#x05d1;&#x05d2;fed</span>jkl</span>
<span>&#x05d0;&#x05d1;&#x05d2;<span style="direction:ltr; unicode-bidi:bidi-override;">&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;</span>&#x05d9;&#x05db;&#x05dc;</span></td>
</tr>
<tr>
<td style="text-align:right">Unicode</td>
<td>abc&#x202e;ihg&#x05d0;&#x05d1;&#x05d2;fed&#x202c;jkl
&#x05d0;&#x05d1;&#x05d2;&#x202d;&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;&#x202c;&#x05d9;&#x05db;&#x05dc;</td>
<td style="direction:rtl;">abc&#x202e;ihg&#x05d0;&#x05d1;&#x05d2;fed&#x202c;jkl
&#x05d0;&#x05d1;&#x05d2;&#x202d;&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;&#x202c;&#x05d9;&#x05db;&#x05dc;</td>
</tr>
</table>
<p>The CSS column should be identical to the reference column.</p>
<table>
<tr>
<td>Reference</td>
<td>CSS</td>
</tr>
<tr>
<td>
<p>abcdef&#x05d0;&#x05d1;&#x05d2;ghijkl</p>
<p>&#x05d6;&#x05d7;&#x05d8;&#x05d9;&#x05db;&#x05dc;abc&#x05d0;&#x05d1;&#x05d2;&#x05d3;&#x05d4;&#x05d5;</p>
</td>
<td>
<p style="direction:rtl; unicode-bidi:bidi-override;">lkjihg&#x05d0;&#x05d1;&#x05d2;fedcba</p>
<p style="direction:ltr; unicode-bidi:bidi-override;">&#x05dc;&#x05db;&#x05d9;&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;&#x05d2;&#x05d1;&#x05d0;</p>
</td>
</tr>
</table>
</body>
</html>