layout/reftests/text-overflow/quirks-decorations.html@925c144e1f1f
layout/reftests/text-overflow/quirks-decorations.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/
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 }
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; }
60 m { font-size:20px; }
62 </style>
64 </head><body>
66 <div class="test t1"><span>0123 567890123456789</span><m>x</m></div>
67 <div class="test rtl t1"><m>x</m><span>0321 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>
73 </body>
74 </html>
