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;}div.parent {letter-spacing: normal;}
div.inh1 {letter-spacing: 1em;}
div.inh2 {letter-spacing: -4px;}

[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.

[div.parent] This DIV has been set with parental styles. The inline elements within this DIV are enclosed in square brackets in order to more easily discern their placement.
[div.inh1] This DIV should use a normal letter spacing for its display, as it has a style attribute set to inherit the letter-spacing value. [/div.inh1]
[div.inh2] This DIV should use a normal letter spacing for its display, as it has a style attribute set to inherit the letter-spacing value. [/div.inh2]
This is the end of the parent DIV. [/div.parent]
[index page] [section] [Previous] [Next] [Specification]