third_party/WebKit/LayoutTests/fast/css/bidi-override-in-anonymous-block.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 .decoration {
   6     border-width: 0.2ex;
   7     border-style: solid;
   8     margin: 0.2ex;
   9 }
  10 .bidi-override {
  11     direction: rtl;
  12     unicode-bidi:bidi-override;
  13 }
  14 </style>
  15 </head>
  16 <body>
  17
  18 <p>div, span, nested div/span</p>
  19 <p>Single div</p>
  20 <div class="decoration bidi-override">abc</div>
  21 <p>The following 2 lines should be identical, ignorning whitespaces:</p>
  22 <div class="decoration bidi-override">abc <div>cba</div></div>
  23 <p>The following 2 textes should be identical, ignorning whitespaces:</p>
  24 <div class="decoration bidi-override">abc <span>abc </span></div>
  25 <p>The following 2 lines should be identical, ignorning whitespaces:</p>
  26 <div class="decoration bidi-override"><div>cba </div>abc</div>
  27 <p>The following 2 textes should be identical, ignorning whitespaces:</p>
  28 <div class="decoration bidi-override"><span>abc </span>abc </div>
  29 <p>Single span</p>
  30 <span class="decoration bidi-override">abc</span>
  31 <p>The following 2 textes should be identical, ignorning whitespaces:</p>
  32 <span class="decoration bidi-override">abc <span>abc </span></span>
  33 <p>The following 2 textes should be identical, ignorning whitespaces:</p>
  34 <span class="decoration bidi-override"><span>abc </span>abc </span>
  35 <p>The following 2 textes should be identical, ignorning whitespaces:</p>
  36 <span class="decoration bidi-override">abc <div>cba</div></span>
  37 <p>The following 2 textes should be identical, ignorning whitespaces:</p>
  38 <span class="decoration bidi-override"><div>cba </div>abc</span>
  39
  40 <p>ruby</p>
  41 <div  style="border-width:0.2ex; border-style: solid">
  42 <ruby class="bidi-override" style="margin:0.2ex">abc<rt>def</rt></ruby>
  43 <ruby class="bidi-override" style="margin:0.2ex">abc<rt class="bidi-override">def</rt></ruby>
  44 <ruby class="bidi-override" style="margin:0.2ex">abc</ruby>
  45 <ruby class="bidi-override" style="margin:0.2ex"><rt>def</rt></ruby>
  46 <ruby class="bidi-override" style="margin:0.2ex"><rb>abc</rb></ruby>
  47 <ruby class="bidi-override" style="margin:0.2ex"><rb>abc</rb><rt>def</rt></ruby>
  48 <ruby class="bidi-override" style="margin:0.2ex"><rb>abc<rt>def</rt></rb></ruby>
  49 </div>
  50
  51 <p>The following 2 tables should be identical, ignorning whitespaces:</p>
  52 <table class="decoration bidi-override"><caption>NormalTable</caption><tr><td>abc</td><td>def</td></tr><tr><td>hij</td><td>opq</td></tr></table>
  53
  54 <div class="decoration bidi-override" style="display:table">
  55     <div style="display: table-caption">AnonymousTableRow</div>
  56     <div style="display: table-row">
  57         <div style="display: table-cell">abc</div>
  58         <div style="display: table-cell">def</div>
  59     </div>
  60     <div style="display: table-row">
  61         <div style="display: table-cell">hij</div>
  62         <div style="display: table-cell">opq</div>
  63     </div>
  64 </div>
  65
  66 <p>Anonymous TABLE, TABLE_ROW, TABLE_ROW_GROUP, TABLE_CELL</p>
  67 <div  style="border-width:0.2ex; border-style: solid">
  68 <div class="bidi-override" style="display:table-row;">abc</div>
  69 <div class="bidi-override" style="display:table-cell;">def</div>
  70 <div class="bidi-override" style="display:table-caption;">hij</div>
  71 <div class="bidi-override" style="display:table-row-group;">opq</div>
  72 </div>
  73
  74 </body>
  75 </html>