A number of new effects can now be applied to text with the help of CSS3, including text shadows, text overlapping, and word wrapping.
This property is similar to the
box-shadow property and takes the same set of
arguments: a horizontal and vertical offset, an amount for the blurring,
and the color to use. For example, the following declaration offsets the
shadow by 3 pixels both horizontally and vertically, and displays the
shadow in dark gray, with a blurring of 4 pixels:
text-shadow:3px 3px 4px #444;
The result of this declaration looks like Figure 19-6; it works in recent versions of all major browsers (but not IE9 or lower).
When using any of the CSS overflow properties with a value of
hidden, you can also use the
text-overflow property to place an ellipsis
(three dots) just before the cutoff to indicate that some text has been
truncated, like this: