text-overflow.html (1104B)
1 <!doctype html> 2 <html> 3 <title>CSS Basic User Interface Test: text-overflow - ellipsis</title> 4 <link rel="author" title="YreenChan" href="mailto:yreenchan@gmail.com"> 5 <link rel="reviewer" title="Simon Pieters" href="mailto:simonp@opera.com"> 6 <link rel="reviewer" title="Leif Arne Storset" href="mailto:lstorset@opera.com"> 7 <link rel="help" href="http://www.w3.org/TR/css3-ui/#text-overflow" title="8.2. the 'text-overflow' property"> 8 <link rel="match" href="text-overflow-ref.html"> 9 <meta name="flags" content="ahem"> 10 <meta name="assert" content="'text-overflow:ellipsis' renders U+2026 when text is overflowing."> 11 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 12 <style> 13 div { 14 font-size:10px; 15 overflow: hidden; 16 text-overflow: ellipsis; 17 white-space: nowrap; 18 width: 50px; 19 } 20 span { font-family: Ahem; font-size:30px; } 21 </style> 22 <body> 23 <p>PREREQUISITE: The font used must have a glyph for the U+2026 character.</p> 24 <p>Test passes if there is <strong>ellipsis</strong> after a black square.</p> 25 <div> 26 <span>AAAA</span> 27 </div> 28 </body> 29 </html>