standards-decorations.html (1432B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/licenses/publicdomain/ 5 6 Test: Standards mode text-decorations 7 --> 8 <html><head> 9 <title>text-overflow: Standards mode text-decorations</title> 10 <style type="text/css"> 11 @font-face { 12 font-family: Ahem; 13 src: url(../fonts/Ahem.ttf); 14 } 15 @font-face { 16 font-family: DejaVuSansMono; 17 src: url(../fonts/DejaVuSansMono.woff); 18 } 19 html,body { 20 color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono; 21 } 22 23 .test { 24 overflow:hidden; 25 text-overflow:ellipsis; 26 float:left; 27 height:2em; 28 white-space:pre; 29 margin-left:1em; 30 margin-bottom:1em; 31 font-size:20px; 32 color:blue; 33 } 34 span { 35 text-decoration: line-through; 36 font-size:16px; 37 color:black; 38 } 39 .t1 span { 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; } 58 59 m { font-size:20px; } 60 61 </style> 62 63 </head><body> 64 65 <div class="test t1"><span>0123 567890123456789</span></div> 66 <div class="test rtl t1"><span>0321 56789012345</span></div> 67 <div class="test t2" style="color:black"><span>xxxx</span></div> 68 <div class="test t3"><span>x</span></div> 69 <div class="test t4"><span>x</span></div> 70 71 72 </body> 73 </html>