layout/reftests/text-decoration/decoration-css21-ref.html

   1 <html>
   2         <head>
   3                 <style>
   4                         .sup {vertical-align: super;}
   5                         .transparent {color: transparent;}
   6                         .alllines {text-decoration:line-through overline underline; color: purple;}
   7                         .highRel {position: relative; top: -4em;}
   8                         .lowRel {position: relative; top: 4em;}
   9                         .lowVert {vertical-align: -4em;}
  10                         .highVert {vertical-align: 4em;}
  11       * { text-decoration-skip-ink: none;}
  12                 </style>
  13         </head>
  14         <body>
  15                 <p>
  16                         <span style="text-decoration: underline">Underlined <span class="transparent">still underlined</span></span>
  17                         <span style="text-decoration: underline">Underlined <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span>
  18                         <span class="sup transparent">Offset</span>
  19                 </p>
  20                 <p>
  21                         <span class="alllines">
  22                                 Before<span class="transparent">highlow</span>After</span>
  23                         </span>
  24                         <span class="highVert transparent">Offset</span><span class="lowVert transparent">text</span>
  25                 </p>
  26                 <p>
  27                         <span class="alllines">Before</span><span class="highRel alllines">high</span><span class="lowRel alllines">low</span><span class="alllines">After</span>
  28                 </p>
  29         </body>
  30 </html>