CSS2 Test Suite: 16.4 letter-spacing

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

.cl1 {letter-spacing: 0.3in;}
.cl2 {letter-spacing: 0.5cm;}
.cl3 {letter-spacing: 5mm;}
.cl4 {letter-spacing: 3pt;}
.cl5 {letter-spacing: 0.25pc;}
.cl6 {letter-spacing: 1em;}
.cl7 {letter-spacing: 1ex;}
.cl8 {letter-spacing: 5px;}
.cl9 {letter-spacing: normal;}
.cl10 {letter-spacing: 300%;}
.cl11 {letter-spacing: -0.1em;}
.cl12 {font-size: 14px; letter-spacing: 0.5em;}
.cl13 {font-size: 8px; letter-spacing: inherit;}

[cl1] The letters in this paragraph should have extra space between them.

[cl2] The letters in this paragraph should have extra space between them.

[cl3] The letters in this paragraph should have extra space between them.

[cl4] The letters in this paragraph should have extra space between them.

[cl5] The letters in this paragraph should have extra space between them.

[cl6] The letters in this paragraph should have extra space between them.

[cl7] The letters in this paragraph should have extra space between them.

[cl8] The letters in this paragraph should have extra space between them, but the last few words in the sentence [cl9] should show normal spacing.

[cl10] The letters in this paragraph should have normal space between them, since percentage values are not allowed on this property.

[cl11] The letters in this paragraph should have reduced space between them, since negative values are allowed on this property.

[cl12] This is a DIV with fourteen-pixel text, and letter-spacing of seven pixels (0.5em). It contains a paragraph which should inherit the computed value of seven pixels. And now:

[cl13] This is the paragraph with the eight-pixel text. It should, however, have seven-pixel letter-spacing. If it has four-pixel spacing, then inherit is not supported for this property. The paragraph ends here.

Here we return to the DIV, which also ends here.
[index page] [section] [Previous] [Next] [Specification]