Note the
text and headline I tightened in Figure 3.18 only have .05 em (a twentieth
of an em) of letter spacing removed from between each character;
much more and the letters would start to merge into each other.
Word-Spacing Property
Example: p {word-spacing:.2em;}
Values: any length values (positive or negative)
Word spacing is very similar to letter spacing except, as you might
imagine, the space changes between each word rather than between
each letter. The ?¬? rst observation you should make here is that CSS
treats any character or group of characters with white space around
them as a word. Second, even more than letter spacing, word spacing
can easily be overdone and result in some very hard-to-read text
(Figure 3.19).
FIGURE 3.19 Word spacing is one of
those styles that is easy to overdo.
If you do use wide letter spacing,
then the gaps between the words
aren??™t as easy to differentiate, so
that's a good time to add in a little
word spacing, too.
STYLIN??™ WITH CSS - CHAPTER 3 90
Text-Decoration Property
Example: .retailprice {text-decoration:line-through;}
Values: underline, overline, line-through, blink
You can see the result in Figure 3.20 below. No, decorated text
doesn??™t have holly and little bells on it; you can underline, overline,
strike-through, and blink (but don??™t do it, please, because it
is s-o-o-o-o annoying) text using this property.
Pages:
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133