marker-string-ref.html (1309B)
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:<string></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> x</m></div> 59 <div class="test rtl t1"><m> 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>