third_party/WebKit/LayoutTests/css3/unicode-bidi-isolate-aharon.html

   1 <!DOCTYPE html>
   2 <html><head>
   3 <title>Test cases for unicode-bidi:isolate</title>
   4 <style>
   5   .isolate {
   6     unicode-bidi: -webkit-isolate;
   7     unicode-bidi: -moz-isolate;
   8     unicode-bidi: isolate;
   9   }
  10 </style>
  11 </head><body>
  12 No red text should be visible in any of the sections below.
  13 opposite-to-base isolate followed by number.
  14 <div>
  15   <div class="test">
  16     <span class="isolate">&#x05D0;</span> (3 reviews)
  17   </div>
  18 </div>
  19 <hr>
  20 opposite-to-base isolate with opposite-to-base text before it with neutrals in between.
  21 <div>
  22   <div class="test">
  23     &#x05D0;: <span class="isolate">&#x05D1;</span>
  24   </div>
  25 </div>
  26 <hr>
  27 opposite-to-base isolate with opposite-to-base text before it and nothing in between.
  28 <div>
  29   <div class="test">
  30     &#x05D0;<span class="isolate">&#x05D1;</span>
  31   </div>
  32 </div>
  33 <hr>
  34 two opposite-to-base isolates with neutrals in between.
  35 <div>
  36   <div class="test">
  37     <span class="isolate">&#x05D0;</span> = <span class="isolate">&#x05D1;</span>
  38   </div>
  39 </div>
  40 <hr>
  41 two opposite-to-base isolates with nothing in between.
  42 <div>
  43   <div class="test">
  44     <span class="isolate">&#x05D0;</span><span class="isolate">&#x05D1;</span>
  45   </div>
  46 </div>
  47 <hr>
  48 same-as-base isolate preceded by opposite-to-base text and followed by number
  49 <div dir="rtl">
  50   <div class="test">
  51     see <span class="isolate">&#x05D0;</span><sup>3</sup>
  52   </div>
  53 </div>
  54 <hr>
  55 same-as-base isolate surrounded by opposite-to-base text
  56 <div dir="rtl">
  57   <div class="test">
  58     with <span class="isolate">&#x05D0;</span>=<span class="isolate">&#x05D1;</span> everywhere
  59   </div>
  60 </div>
  61 <hr>
  62 chimeric isolate surrounded by chimeric text
  63 <div>
  64   <div class="test">
  65     about <span class="isolate">that &#x05D0;</span> - &#x05D1;
  66   </div>
  67 </div>
  68 <hr>
  69 nested chimeric isolates surrounded by chimeric text
  70 <div>
  71   <div class="test">
  72     about <span class="isolate">that <span class="isolate">strange &#x05D0;</span> - &#x05D1;</span> - &#x05D2;
  73   </div>
  74 </div>
  75 </body></html>