layout/reftests/text-overflow/marker-string-ref.html

   1 <!DOCTYPE HTML>
   2 <!--
   3     Any copyright is dedicated to the Public Domain.
   4     http://creativecommons.org/licenses/publicdomain/
   5
   6     Test: text-overflow:<string>
   7 -->
   8 <html><head>
   9 <title>text-overflow: text-overflow:&lt;string&gt;</title>
  10 <style type="text/css">
  11 @font-face {
  12   font-family: DejaVuSansMono;
  13   src: url(../fonts/DejaVuSansMono.woff);
  14 }
  15 html,body {
  16     color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
  17 }
  18
  19 .test {
  20   overflow:hidden;
  21   width:20ch;
  22   height:3em;
  23   white-space:nowrap;
  24   margin-left:2em;
  25   position:relative;
  26 }
  27 span {
  28   margin: 0 -0.5ch;
  29 }
  30 m {
  31   margin: 0;
  32   position:relative;
  33 }
  34 mr {
  35   position:absolute;
  36   right:0;
  37 }
  38 .rlo {
  39   unicode-bidi: bidi-override; direction:rtl;
  40 }
  41 .lro {
  42   unicode-bidi: bidi-override;
  43 }
  44 .rtl {
  45   direction:rtl;
  46 }
  47 .ltr {
  48   direction:ltr;
  49 }
  50
  51 .t1 m { margin: 0 -0.5ch; }
  52
  53 </style>
  54
  55 </head><body>
  56
  57
  58 <div class="test t1"><m>&nbsp;x</m></div>
  59 <div class="test rtl t1"><m>&nbsp;x</m></div>
  60 <div class="test t2"><span>xx</span></div>
  61 <div class="test rtl t2"><span>xx</span></div>
  62
  63 <div class="test t2" style="width:3ch"><span>xx</span></div>
  64 <div class="test rtl t2" style="width:3ch"><span>xx</span></div>
  65 <div class="test"><m>X</m><mr>X</mr></div>
  66 <div class="test"><m>X</m><mr>X</mr></div>
  67
  68 </body>
  69 </html>