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

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