- Description
A text-shadow is specified by suppling a horizontal length a vertical length a blur radius and color. The horizontal length specifies the X coordinate to place the shadow, positive values position the shadow to the right, negative to the left of the text. The vertical length specifies the Y coordinate with positive values placing the shadow below the text and negative above. The blur radius specifies how far to stretch the shadow, causes a blur effect and defaults to 0 if left out.
Multiple comma separated shadows can be applied with layered front to back, first shadow on top.
Shadows are painted between the background and the text.- Live Example
- Play with the code in the textarea below.
- Values
- text-shadow: h-shadow v-shadow blur color;
- Default value
- none
- Introduced in CSS version
- 3
- Applies to elements
- All elements
- Inherited
- Yes
- Browser Support
Browsers IE Firefox Safari Opera Chrome Versions 10 3.5 1.1 9.5 0.2
Belongs to:
See the full list CSS properties and browser support: CSS Properties