third_party/WebKit/LayoutTests/fast/text/international/bidi-override.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   2 "http://www.w3.org/TR/html4/loose.dtd">
   3 <html>
   4 <head>
   5     <title>Directional overrides</title>
   6     <style type="text/css">
   7         table {border-spacing:0; border-collapse:collapse; text-align:center;}
   8         td {border: 1px solid green; padding:4px;}
   9     </style>
  10 </head>
  11 <body>
  12     <p>All rows should be identical to the reference row.</p>
  13     <table>
  14         <tr>
  15             <td style="text-align:right">Reference</td>
  16             <td>abcdef&#x05d0;&#x05d1;&#x05d2;ghijkl
  17                 &#x05d6;&#x05d7;&#x05d8;&#x05d9;&#x05db;&#x05dc;abc&#x05d0;&#x05d1;&#x05d2;&#x05d3;&#x05d4;&#x05d5;</td>
  18             <td style="direction:rtl;">ghijkl&#x05d0;&#x05d1;&#x05d2;abcdef
  19                 &#x05d0;&#x05d1;&#x05d2;&#x05d3;&#x05d4;&#x05d5;abc&#x05d6;&#x05d7;&#x05d8;&#x05d9;&#x05db;&#x05dc;</td>
  20         </tr>
  21         <tr>
  22             <td style="text-align:right">CSS, siblings</td>
  23             <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>
  24             <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>
  25         </tr>
  26         <tr>
  27             <td style="text-align:right">CSS, children</td>
  28             <td><span>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihg&#x05d0;&#x05d1;&#x05d2;fed</span>jkl</span>
  29                 <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>
  30             <td style="direction:rtl;"><span>abc<span style="direction:rtl; unicode-bidi:bidi-override;">ihg&#x05d0;&#x05d1;&#x05d2;fed</span>jkl</span>
  31                 <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>
  32         </tr>
  33         <tr>
  34             <td style="text-align:right">Unicode</td>
  35             <td>abc&#x202e;ihg&#x05d0;&#x05d1;&#x05d2;fed&#x202c;jkl
  36                 &#x05d0;&#x05d1;&#x05d2;&#x202d;&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;&#x202c;&#x05d9;&#x05db;&#x05dc;</td>
  37             <td style="direction:rtl;">abc&#x202e;ihg&#x05d0;&#x05d1;&#x05d2;fed&#x202c;jkl
  38                 &#x05d0;&#x05d1;&#x05d2;&#x202d;&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;&#x202c;&#x05d9;&#x05db;&#x05dc;</td>
  39         </tr>
  40     </table>
  41     <p>The CSS column should be identical to the reference column.</p>
  42     <table>
  43         <tr>
  44             <td>Reference</td>
  45             <td>CSS</td>
  46         </tr>
  47         <tr>
  48             <td>
  49                 <p>abcdef&#x05d0;&#x05d1;&#x05d2;ghijkl</p>
  50                 <p>&#x05d6;&#x05d7;&#x05d8;&#x05d9;&#x05db;&#x05dc;abc&#x05d0;&#x05d1;&#x05d2;&#x05d3;&#x05d4;&#x05d5;</p>
  51             </td>
  52             <td>
  53                 <p style="direction:rtl; unicode-bidi:bidi-override;">lkjihg&#x05d0;&#x05d1;&#x05d2;fedcba</p>
  54                 <p style="direction:ltr; unicode-bidi:bidi-override;">&#x05dc;&#x05db;&#x05d9;&#x05d8;&#x05d7;&#x05d6;abc&#x05d5;&#x05d4;&#x05d3;&#x05d2;&#x05d1;&#x05d0;</p>
  55             </td>
  56         </tr>
  57     </table>
  58 </body>
  59 </html>