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: 15em; background: yellow; color: aqua; margin
: 0 0 0 2em; } | 7 div { font: 24px/1 Ahem; width: 15em; background: yellow; color: aqua; margin
: 0 0 0 2em; } |
7 .eight {letter-spacing: 48px;} | 8 .eight {letter-spacing: 48px;} |
8 .nine {letter-spacing: normal;} | 9 .nine {letter-spacing: normal;} |
9 .ten {letter-spacing: 300%;} | 10 .ten {letter-spacing: 300%;} |
10 .eleven {letter-spacing: -0.5em;} | 11 .eleven {letter-spacing: -0.5em;} |
11 </style> | 12 </style> |
12 <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"> | 13 <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"> |
13 </head> | 14 </head> |
14 <body> | 15 <body> |
15 <p>There should be a stripy pattern of yellow and aqua below (each vertical st
ripe should be straight and unbroken).</p> | 16 <p>There should be a stripy pattern of yellow and aqua below (each vertical st
ripe should be straight and unbroken).</p> |
16 <div class="test">x x xx xx </div> | 17 <div class="test">x x xx xx </div> |
17 <div class="test">x x xx xx </div> | 18 <div class="test">x x xx xx </div> |
18 <div class="test">x x xx xx </div> | 19 <div class="test">x x xx xx </div> |
19 <div class="eight"> xx <span class="nine">xx xx</span> </div> <!-- this test a
ssumes letter-spacing is distributed evenly on both sides of each letter (half o
n each side), which is not specified in the spec (the spec leaves this undefined
) --> | 20 <div class="eight"> xx <span class="nine">xx xx</span> </div> <!-- this test a
ssumes letter-spacing is distributed evenly on both sides of each letter (half o
n each side), which is not specified in the spec (the spec leaves this undefined
) --> |
20 <div class="ten">x x xx xx </div> | 21 <div class="ten">x x xx xx </div> |
21 <div class="eleven">x x x x x x </div> | 22 <div class="eleven">x x x x x x </div> |
22 </body> | 23 </body> |
23 </html> | 24 </html> |
OLD | NEW |