OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>CSS 2.1 Test Suite: letter-spacing</title> | 4 <title>CSS 2.1 Test Suite: letter-spacing</title> |
| 5 <script src="../resources/ahem.js"></script> |
5 <style type="text/css"> | 6 <style type="text/css"> |
6 div { font: 24px/1 Ahem; width: 18em; background: yellow; color: aqua; } | 7 div { font: 24px/1 Ahem; width: 18em; background: yellow; color: aqua; } |
7 .one {letter-spacing: 0.25in;} | 8 .one {letter-spacing: 0.25in;} |
8 .two {letter-spacing: 0.635cm;} | 9 .two {letter-spacing: 0.635cm;} |
9 .three {letter-spacing: 6.35mm;} | 10 .three {letter-spacing: 6.35mm;} |
10 .four {letter-spacing: 18pt;} | 11 .four {letter-spacing: 18pt;} |
11 .five {letter-spacing: 1.5pc;} | 12 .five {letter-spacing: 1.5pc;} |
12 .six {letter-spacing: 1em;} | 13 .six {letter-spacing: 1em;} |
13 .seven {letter-spacing: 1.25ex;} | 14 .seven {letter-spacing: 1.25ex;} |
14 .eight {letter-spacing: 24px;} | 15 .eight {letter-spacing: 24px;} |
15 </style> | 16 </style> |
16 <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"> | 17 <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"> |
17 </head> | 18 </head> |
18 <body> | 19 <body> |
19 <p>There should be a stripy pattern of yellow and aqua below (each vertical st
ripe should be straight and unbroken).</p> | 20 <p>There should be a stripy pattern of yellow and aqua below (each vertical st
ripe should be straight and unbroken).</p> |
20 <div class="test">x x x x x x </div> | 21 <div class="test">x x x x x x </div> |
21 <div class="test">x x x x x x </div> | 22 <div class="test">x x x x x x </div> |
22 <div class="test">x x x x x x </div> | 23 <div class="test">x x x x x x </div> |
23 <div class="one"> xx xx xx </div> | 24 <div class="one"> xx xx xx </div> |
24 <div class="two"> xx xx xx </div> | 25 <div class="two"> xx xx xx </div> |
25 <div class="three"> xx xx xx </div> | 26 <div class="three"> xx xx xx </div> |
26 <div class="four"> xx xx xx </div> | 27 <div class="four"> xx xx xx </div> |
27 <div class="five"> xx xx xx </div> | 28 <div class="five"> xx xx xx </div> |
28 <div class="six"> xx xx xx </div> | 29 <div class="six"> xx xx xx </div> |
29 <div class="seven"> xx xx xx </div> | 30 <div class="seven"> xx xx xx </div> |
30 <div class="eight"> xx xx xx </div> | 31 <div class="eight"> xx xx xx </div> |
31 </body> | 32 </body> |
32 </html> | 33 </html> |
OLD | NEW |