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

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