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

   1 <!DOCTYPE HTML>
   2 <!--
   3     Any copyright is dedicated to the Public Domain.
   4     http://creativecommons.org/licenses/publicdomain/
   5
   6     Test: Standards mode text-decorations
   7 -->
   8 <html><head>
   9 <title>text-overflow: Standards mode text-decorations</title>
  10 <style type="text/css">
  11 @font-face {
  12   font-family: Ahem;
  13   src: url(../fonts/Ahem.ttf);
  14 }
  15 @font-face {
  16   font-family: DejaVuSansMono;
  17   src: url(../fonts/DejaVuSansMono.woff);
  18 }
  19 html,body {
  20     color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
  21 }
  22
  23 .test {
  24   overflow:hidden;
  25   text-overflow:ellipsis;
  26   float:left;
  27   height:2em;
  28   white-space:pre;
  29   margin-left:1em;
  30   margin-bottom:1em;
  31   font-size:20px;
  32   color:blue;
  33 }
  34 span {
  35   text-decoration: line-through;
  36   font-size:16px;
  37   color:black;
  38 }
  39 .t1 span {
  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; }
  60
  61 </style>
  62
  63 </head><body>
  64
  65 <div class="test t1"><span>0123&nbsp;567890123456789</span></div>
  66 <div class="test rtl t1"><span>0321&nbsp;56789012345</span></div>
  67 <div class="test t2" style="color:black"><span>xxxx</span></div>
  68 <div class="test t3"><span>x</span></div>
  69 <div class="test t4"><span>x</span></div>
  70
  71
  72 </body>
  73 </html>