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: 18em; background: yellow
; color: aqua
; }
8 .one {letter-spacing: 0.25in;}
9 .two {letter-spacing: 0.635cm;}
10 .three {letter-spacing: 6.35mm;}
11 .four {letter-spacing: 18pt;}
12 .five {letter-spacing: 1.5pc;}
13 .six {letter-spacing: 1em;}
14 .seven {letter-spacing: 1.25ex;}
15 .eight {letter-spacing: 24px;}
17 <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">
20 <p>There should be a stripy pattern of yellow and aqua below (each vertical stripe should be straight and unbroken).
</p>
21 <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>
24 <div class=
"one"> xx xx xx
</div>
25 <div class=
"two"> xx xx xx
</div>
26 <div class=
"three"> xx xx xx
</div>
27 <div class=
"four"> xx xx xx
</div>
28 <div class=
"five"> xx xx xx
</div>
29 <div class=
"six"> xx xx xx
</div>
30 <div class=
"seven"> xx xx xx
</div>
31 <div class=
"eight"> xx xx xx
</div>