text-shadow

Support Key: [CSS2]
Other Text Properties
word-spacing
letter-spacing
white-space
word-wrap
text-align
text-align-last
text-decoration
text-transform
text-indent
text-underline-position
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
none
Applicable Elements:
All
Inherit From Parent:
No
Applicable Media:
Visual
HTML Equivalent:
NA
What is it?
This property defines one or more comma-separated shadow effects to be applied to the text content of the current element. Effects consist of a shadow color, a maximum blurring radius for the shadow effect and x/y offset of the shadow effect from the element content. Multiple effects are applied to the element in the order specified in the property. Effects can overlap each other, but they should never overlap the text content.

Allowed Values
inherit
[CSS2]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
none
[CSS2]
Type: Explicit
Description:
No text-shadow is applied to the content.
[shadow effects]
[CSS2]
Type: Calculated
Description:
Specifies one or more comma-separated shadow effects for the current element. Effects are given as X/Y offsets along with optional shadow-color and blur-radius values [see syntax below for details.]
[Shadow-color]: This uses a color to create the shadow effect and may be placed at the beginning or end of the text-shadow effect syntax (see below.) If no color is specified, the value of the 'color' property is used.
[Shadow-offset]: This is given as a pair of length values indicating x- and y- distances to use as offset references from the original text content. The first value specifies the horizontal distance of the offset (positive values are to the right, negative values to the left.) The second value specifies the vertical distance of the offset (positive values are below, negative values are above.)
[Blur-radius]: A length value indicating the boundary of the blurring for the current text-shadow effect.
[Shadow Effects] Syntax
Property { text-shadow:
([shadow-color] || [x-offset] [y-offset] [blur-radius]? ",")* ([shadow-color] || [x-offset] [y-offset] [blur-radius]?) }
Example
Ext/Doc: blockquote { text-shadow: black 3px 3px, yellow -3px -3px }
In-Line:  <blockquote STYLE="text-shadow: black 3px 3px 2px, yellow -3px -3px">this
blockquote text has a shadow</blockquote>
Notes Browser Peculiarities

Boring Copyright Stuff....