Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
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 }
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; }
58 m { font-size:20px; color:blue; }
60 </style>
62 </head><body>
64 <div class="test t1"><span><span class="xspan">0123 56789012</span><m>…</m></span></div>
65 <div class="test rtl t1"><span><span class="xspan">1 56789012345</span><m>…</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>
71 </body>
72 </html>