OLD | NEW |
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
rict.dtd"> | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
rict.dtd"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>CSS Test: word-spacing</title> | 4 <title>CSS Test: word-spacing</title> |
5 <meta name="flags" content="ahem"> | 5 <meta name="flags" content="ahem"> |
| 6 <script src="../../resources/ahem.js"></script> |
6 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#word-spacing"> | 7 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#word-spacing"> |
7 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.or
g/Style/CSS/Test/CSS1/current/tsack.html"> | 8 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.or
g/Style/CSS/Test/CSS1/current/tsack.html"> |
8 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"> | 9 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"> |
9 <link rel="match" href="c541-word-sp-001-ref.htm"> | 10 <link rel="match" href="c541-word-sp-001-ref.htm"> |
10 | 11 |
11 <style type="text/css"> | 12 <style type="text/css"> |
12 div { font: 25px/1 Ahem; width: 12em; background: yellow; color: aqua; margin
: 0 0 0 2em; } | 13 div { font: 25px/1 Ahem; width: 12em; background: yellow; color: aqua; margin
: 0 0 0 2em; } |
13 .eight {word-spacing: 25px;} | 14 .eight {word-spacing: 25px;} |
14 .nine {word-spacing: normal;} | 15 .nine {word-spacing: normal;} |
15 .ten {word-spacing: 300%;} | 16 .ten {word-spacing: 300%;} |
16 .eleven {word-spacing: -1em;} | 17 .eleven {word-spacing: -1em;} |
17 .fill { color: yellow; } | 18 .fill { color: yellow; } |
18 </style> | 19 </style> |
19 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" tit
le="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' proper
ties"> | 20 <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" tit
le="16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' proper
ties"> |
20 </head> | 21 </head> |
21 <body> | 22 <body> |
22 <p>There should be a stripy pattern of yellow and aqua below (each vertical st
ripe should be straight and unbroken).</p> | 23 <p>There should be a stripy pattern of yellow and aqua below (each vertical st
ripe should be straight and unbroken).</p> |
23 <div class="test">x x xx xx</div> | 24 <div class="test">x x xx xx</div> |
24 <div class="test">x x xx xx</div> | 25 <div class="test">x x xx xx</div> |
25 <div class="test">x x xx xx</div> | 26 <div class="test">x x xx xx</div> |
26 <div class="eight"> x x <span class="nine">xx xx</span> </div> | 27 <div class="eight"> x x <span class="nine">xx xx</span> </div> |
27 <div class="ten"> x x xx xx </div> | 28 <div class="ten"> x x xx xx </div> |
28 <div class="eleven"> x <span class="nine"> </span>x &nb
sp;<span class="fill">xx</span> xx <span class="fill">x</span>xx </div> | 29 <div class="eleven"> x <span class="nine"> </span>x &nb
sp;<span class="fill">xx</span> xx <span class="fill">x</span>xx </div> |
29 </body> | 30 </body> |
30 </html> | 31 </html> |
OLD | NEW |