layout/reftests/text-decoration/decoration-css21.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="sup transparent">still underlined</span></span>
  17                         <span style="text-decoration: underline">Underlined <span class="sup">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span>
  18                 </p>
  19                 <p>
  20                         <span class="alllines">
  21                                 Before<span class="highVert transparent">high</span><span class="lowVert transparent">low</span>After
  22                         </span>
  23                 </p>
  24                 <p>
  25                         <span class="alllines">
  26                                 Before<span class="highRel">high</span><span class="lowRel">low</span>After</span>
  27                         </span>
  28                 </p>
  29         </body>
  30 </html>