1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: letter-spacing
</title>
5 <script src=
"../resources/ahem.js"></script>
6 <style type=
"text/css">
7 div
{ font: 24px/1 Ahem
; width: 15em; background: yellow
; color: aqua
; margin: 0 0 0 2em; }
8 .eight {letter-spacing: 48px;}
9 .nine {letter-spacing: normal
;}
10 .ten {letter-spacing: 300%;}
11 .eleven {letter-spacing: -0.5em;}
13 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/text.html#spacing-props" title=
"16.4 Letter and word spacing: the 'letter-spacing' and 'word-spacing' properties">
16 <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).
</p>
17 <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>
20 <div class=
"eight"> xx
<span class=
"nine">xx xx
</span> </div> <!-- this test assumes letter-spacing is distributed evenly on both sides of each letter (half on each side), which is not specified in the spec (the spec leaves this undefined) -->
21 <div class=
"ten">x x xx xx
</div>
22 <div class=
"eleven">x x x x x x
</div>