text-overflow

text-overflow - ellipsis

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
ahem, font
Assertion
'text-overflow:ellipsis' renders U+2026 when text is overflowing.

Source

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