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

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

     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 }
    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; }
    59 m { font-size:20px; color:blue; }
    61 </style>
    63 </head><body>
    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>
    72 </body>
    73 </html>

mercurial