blob: 440ebded2228f6ffee5bd2fb8879c15f92856e13 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!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>
|
