third_party/WebKit/LayoutTests/fast/text/emphasis-avoid-ruby.html

   1 <style>
   2     div { margin: 8px 0; }
   3     span { -webkit-text-emphasis: 'x'; }
   4     .flipped { -webkit-writing-mode: horizontal-bt; }
   5 </style>
   6 <script src="../../resources/ahem.js"></script>
   7 <body style="font-family: Ahem; font-size: 32px; -webkit-font-smoothing: none;">
   8     <!-- emphasis under, should not be suppressed by ruby -->
   9     <div>
  10         1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: under;">45</span></rb><rt>678</rt></ruby>
  11     </div>
  12     <!-- emphasis over, but no lines in ruby text, should not inhibit emphasis -->
  13     <div>
  14         1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over;">45</span></rb><rt> </rt></ruby>
  15     </div>
  16     <!-- emphasis over should be suppressed by ruby -->
  17     <div>
  18         1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over; -webkit-text-emphasis-color: red;">45</span></rb><rt>678</rt></ruby>
  19     </div>
  20
  21     <!-- emphasis under, should not be suppressed by ruby -->
  22     <div class="flipped">
  23         1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: under;">45</span></rb><rt>678</rt></ruby>
  24     </div>
  25     <!-- emphasis over, but no lines in ruby text, should not inhibit emphasis -->
  26     <div class="flipped">
  27         1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over;">45</span></rb><rt> </rt></ruby>
  28     </div>
  29     <!-- emphasis over should be suppressed by ruby -->
  30     <div class="flipped">
  31         1 <ruby><rb>23 <span style="-webkit-text-emphasis-position: over; -webkit-text-emphasis-color: red;">45</span></rb><rt>678</rt></ruby>
  32     </div>
  33
  34 </body>