LayoutTests/fast/text/international/bidi-override.html - WebKit - Git at Google

 <!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>
	<!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אבגghijkl
	זחטיכלabcאבגדהו</td>
	<td style="direction:rtl;">ghijklאבגabcdef
	אבגדהוabcזחטיכל</td>
	</tr>
	<tr>
	<td style="text-align:right">CSS, siblings</td>
	<td>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihgאבגfed</span>jkl אבג<span style="direction:ltr; unicode-bidi:bidi-override;">טחזabcוהד</span>יכל</td>
	<td style="direction:rtl;">abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihgאבגfed</span>jkl אבג<span style="direction:ltr; unicode-bidi:bidi-override;">טחזabcוהד</span>יכל</td>
	</tr>
	<tr>
	<td style="text-align:right">CSS, children</td>
	<td><span>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihgאבגfed</span>jkl</span>
	<span>אבג<span style="direction:ltr; unicode-bidi:bidi-override;">טחזabcוהד</span>יכל</span></td>
	<td style="direction:rtl;"><span>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihgאבגfed</span>jkl</span>
	<span>אבג<span style="direction:ltr; unicode-bidi:bidi-override;">טחזabcוהד</span>יכל</span></td>
	</tr>
	<tr>
	<td style="text-align:right">Unicode</td>
	<td>abc‮ihgאבגfed‬jkl
	אבג‭טחזabcוהד‬יכל</td>
	<td style="direction:rtl;">abc‮ihgאבגfed‬jkl
	אבג‭טחזabcוהד‬יכל</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אבגghijkl</p>
	<p>זחטיכלabcאבגדהו</p>
	</td>
	<td>
	<p style="direction:rtl; unicode-bidi:bidi-override;">lkjihgאבגfedcba</p>
	<p style="direction:ltr; unicode-bidi:bidi-override;">לכיטחזabcוהדגבא</p>
	</td>
	</tr>
	</table>
	</body>
	</html>