layout/reftests/text-decoration/text-decoration-zorder-1-ref.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en-US">
   4 <head>
   5         <title></title>
   6         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   7         <meta http-equiv="Content-Style-Type" content="text/css">
   8         <style type="text/css">
   9
  10         body { background: white; }
  11
  12         p.serif { font-family: serif; left: 20px; }
  13         p.sans { font-family: sans-serif; left: 220px; }
  14
  15         p {
  16                 margin: 0;
  17                 position: absolute;
  18                 font-weight: bold;
  19                 font-size: 50px;
  20         }
  21
  22         p.under { text-decoration: underline; top: 25px; }
  23         p.over { text-decoration: overline; top: 125px; }
  24         p.through { text-decoration: line-through; top: 225px; }
  25
  26         p.text { text-decoration: none ! important; }
  27         p.line span { color: transparent; }
  28
  29         p.text { color: blue; }
  30         p.line { color: fuchsia; }
  31
  32         </style>
  33 </head>
  34 <body>
  35
  36 <p class="serif line under"><span>&Aacute;p|/</span></p>
  37 <p class="serif text under"><span>&Aacute;p|/</span></p>
  38
  39 <p class="serif line over"><span>&Aacute;p|/</span></p>
  40 <p class="serif text over"><span>&Aacute;p|/</span></p>
  41
  42 <p class="serif text through"><span>&Aacute;p|/</span></p>
  43 <p class="serif line through"><span>&Aacute;p|/</span></p>
  44
  45 <p class="sans line under"><span>&Aacute;p|/</span></p>
  46 <p class="sans text under"><span>&Aacute;p|/</span></p>
  47
  48 <p class="sans line over"><span>&Aacute;p|/</span></p>
  49 <p class="sans text over"><span>&Aacute;p|/</span></p>
  50
  51 <p class="sans text through"><span>&Aacute;p|/</span></p>
  52 <p class="sans line through"><span>&Aacute;p|/</span></p>
  53
  54 </body>
  55 </html>