servo/tests/wpt/css-tests/css-ui-3_dev/xhtml1/text-overflow.xht

28 lines
No EOL
1.2 KiB
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Basic User Interface Test: text-overflow - ellipsis</title>
<link href="mailto:yreenchan@gmail.com" rel="author" title="YreenChan" />
<link href="mailto:simonp@opera.com" rel="reviewer" title="Simon Pieters" />
<link href="mailto:lstorset@opera.com" rel="reviewer" title="Leif Arne Storset" />
<link href="http://www.w3.org/TR/css3-ui/#text-overflow" rel="help" title="8.2. the 'text-overflow' property" />
<link href="reference/text-overflow-ref.xht" rel="match" />
<meta content="font ahem" name="flags" />
<meta content="'text-overflow:ellipsis' renders U+2026 when text is overflowing." name="assert" />
<style>
div {
font-size:10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 50px;
}
span { font-family: Ahem; font-size:30px; }
</style>
</head><body>
<p>PREREQUISITE: The font used must have a glyph for the U+2026 character.</p>
<p>Test passes if there is <strong>ellipsis</strong> after a black square.</p>
<div>
<span>AAAA</span>
</div>
</body></html>