layout/reftests/text-decoration/text-decoration-propagation-1-standards.html

   1 <!DOCTYPE html>
   2 <title>text-decoration</title>
   3 <style>
   4  *{
   5      text-decoration-skip-ink: none;
   6  }
   7 </style>
   8 <h1>text-decoration on a block</h1>
   9
  10 <div style="text-decoration: underline">
  11
  12   text directly in parent
  13
  14   <div>text in block</div>
  15
  16   <div style="float:left; clear: left">text in float</div>
  17   <div style="clear:left"></div>
  18
  19   <div style="display:inline-block">text in<br>inline-block</div>
  20   <div style="display:inline-table">text in<br>inline-table</div>
  21
  22   <div style="height: 2em">
  23     <div style="position: absolute">text in abs-pos</div>
  24   </div>
  25
  26 </div>
  27
  28 <h1>text-decoration on an inline</h1>
  29
  30 <div style="text-decoration: underline; display: inline">
  31
  32   text directly in parent
  33
  34   <div>text in block</div>
  35
  36   <div style="float:left; clear: left">text in float</div>
  37   <div style="clear:left"></div>
  38
  39   <div style="display:inline-block">text in<br>inline-block</div>
  40   <div style="display:inline-table">text in<br>inline-table</div>
  41
  42   <div style="height: 2em">
  43     <div style="position: absolute">text in abs-pos</div>
  44   </div>
  45
  46 </div>
  47