HTML and CSS Reference
Figure 4-14. CSS lets you break or hide text that's too long to fit
Adding Shadows to Text
he text-shadow property does exactly what you expect—it adds a shadow to text without the need to embed the
text in an image. In fact, it can add multiple shadows to text. It was originally part of the CSS2 specification, but
was dropped from CSS2.1 because no browsers supported it. Ironically, once it had been dropped, most browsers
then implemented it. The only exception was Internet Explorer, which supports text-shadow only since IE 10.
Because of its CSS2 origins, there's no need to use a browser-specific prefix with text-shadow .
he text-shadow property expects the following values:
A length specifying the horizontal offset of the shadow. A positive value moves the
shadow to the right of the text, a negative one moves it to the left.
A length specifying the vertical offset of the shadow. A positive value moves the
shadow below the text, a negative one moves it above.
An optional length specifying the shadow's blur radius. Negative values are not
The color of the shadow. If no color is specified, the shadow is the same color as the