<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">
<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">text-shadow</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">n/a</span> CSS <span class="emphasis">2</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Inherited: No</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Sets shadow effects for the text of the current element. A text
element can have more than one shadow, and each shadow can have its
own color, vertical offset, horizontal offset, and blur radius. Each
shadow exists in its own minilayer, stacked with the first shadow
specification at the bottom of the heap. Values for each shadow are
space-delimited, and multiple shadow value sets are comma-delimited.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>text-shadow: [<span class="replaceable">color</span>] <span class="replaceable">horizLength</span> <span class="replaceable">vertLength</span> <span class="replaceable">blurRadiusLength</span>,
    [[<span class="replaceable">color</span>] <span class="replaceable">horizLength</span> <span class="replaceable">vertLength</span> <span class="replaceable">blurRadiusLength</span>] | none</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>If you omit the <span class="replaceable">color</span> attribute value, the
shadow uses the element's <span class="literal">color</span>
property value (which may, itself, be inherited). The
<span class="replaceable">color</span> attribute can be placed before or
after whatever length values are set for a shadow. See the discussion
of color values at the beginning of this chapter. Values for
<span class="replaceable">horizLength</span> and
<span class="replaceable">vertLength</span> are length values (see the
beginning of this chapter), and their sign indicates the direction
the shadow offset takes from the element text. For the
<span class="replaceable">horizLength</span> value, a positive value places
the shadow to the right of the element; a negative value to the left.
For the <span class="replaceable">vertLength</span> value, a positive value
places the shadow below the text; a negative value places it above. A
blur radius is a length value (see the beginning of this chapter)
that specifies the extent of the shadow from the edge of the text
characters.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Initial Value</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">none</span></p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Applies To</span></td>
				</tr>
				<tr>
					<td><p>All elements. </p>
					</td>
				</tr>
			</table>
		</div>
</body>
</html>