text-overflow-string-005.html (992B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Basic User Interface Test: text-overflow with string and bidi text</title> 4 <link rel="author" title="Minseong Kim" href="mailto:jja08111@gmail.com"> 5 <link rel="help" href="https://drafts.csswg.org/css-overflow-4"> 6 <link rel="match" href="reference/text-overflow-string-005-ref.html"> 7 <meta name="assert" content="When text-overflow is a string and the content overflows, the string should appear as ellipsis, and it should work correctly with bidirectional text."> 8 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 9 <style> 10 div { 11 font-family: monospace; 12 font-size: 20px; 13 white-space: pre; 14 width: 9ch; 15 overflow: hidden; 16 } 17 div.test { 18 text-overflow: "-"; 19 } 20 </style> 21 <body> 22 <p>Test passes if each pair of lines looks identical</p> 23 <div class="test">שלום 123456</div> 24 <div>ם 123456-</div> 25 <br/> 26 <div class="test" dir=rtl>שלום 123456</div> 27 <div dir=rtl>שלום 456-</div> 28 </body>