HTML and CSS Reference
In-Depth Information
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.
■
Note
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
allowed.
The color of the shadow. If no color is specified, the shadow is the same color as the
text.
