layout/reftests/text-overflow/quirks-decorations-ref.html

   1 <!--
   2     Any copyright is dedicated to the Public Domain.
   3     http://creativecommons.org/licenses/publicdomain/
   4 -->
   5 <html><head>
   6 <title>text-overflow: Quirks mode text-decorations</title>
   7 <style type="text/css">
   8 @font-face {
   9   font-family: Ahem;
  10   src: url(../fonts/Ahem.ttf);
  11 }
  12 @font-face {
  13   font-family: DejaVuSansMono;
  14   src: url(../fonts/DejaVuSansMono.woff);
  15 }
  16 html,body {
  17     color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
  18 }
  19
  20 .test {
  21   overflow:hidden;
  22   float:left;
  23   height:2em;
  24   white-space:pre;
  25   margin-left:1em;
  26   margin-bottom:1em;
  27   font-size:20px;
  28   color:blue;
  29 }
  30 span {
  31   font-size:16px;
  32   color:black;
  33 }
  34 .xspan {
  35   text-shadow:0px 1em 2px blue;
  36   text-decoration: line-through;
  37 }
  38 .rtl .xspan {
  39   text-shadow:0 1em 0px blue;
  40 }
  41 .rlo {
  42   unicode-bidi: bidi-override; direction:rtl;
  43 }
  44 .lro {
  45   unicode-bidi: bidi-override;
  46 }
  47 .rtl {
  48   direction:rtl;
  49 }
  50 .ltr {
  51   direction:ltr;
  52 }
  53 .t1 { width:7.3em; }
  54 .t2 { width:20px;}
  55 .t3 { width:22px;}
  56 .t4 { width:1px; font-family:Ahem; }
  57 .t3 span {margin-left:14px; }
  58
  59 m { font-size:20px; color:blue; }
  60
  61 </style>
  62
  63 </head><body>
  64
  65 <div class="test t1"><span><span class="xspan">0123&nbsp;56789012</span><m>&#x2026;</m></span></div>
  66 <div class="test rtl t1"><span><span class="xspan">1&nbsp;56789012345</span><m>&#x2026;</m></span></div>
  67 <div class="test t2"><span class="xspan">xxxx<m>x</m></span></div>
  68 <div class="test t3"><span class="xspan">x<m>x</m></span></div>
  69 <div class="test t4"><span class="xspan">x<m>x</m></span></div>
  70
  71
  72 </body>
  73 </html>