<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">padding-bottom, padding-left, padding-right, padding-top</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4</span> CSS <span class="emphasis">1</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>All four attributes set the padding width of a single side of an
element. Padding is space that extends around the content box of an
element up to but not including any border that may be specified for
the element. Padding picks up the background image or color of its
element. As you add padding to an element, you increase the size of
the visible rectangle of the element without affecting the content
block size.
</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>padding-bottom: <span class="replaceable">paddingThickness</span>
padding-left: <span class="replaceable">paddingThickness</span>
padding-right: <span class="replaceable">paddingThickness</span>
padding-top: <span class="replaceable">paddingThickness</span></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>Values for <span class="replaceable">paddingThickness</span> can be
<span class="replaceable">lengths</span> or percentages of the next
outermost container size.
</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">0</span>; IE for Windows specifies a default value of
<span class="literal">1</span> for <span class="literal">td</span> and
<span class="literal">th</span> elements.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>blockquote {padding-left: 20; padding-top: 10}
#narrowCol {padding-left: 30%; padding-right: 30%}</pre>
						</span></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 (IE 5 for Macintosh, IE 5.5 for Windows, and Netscape
6); <span class="literal">body</span>, <span class="literal">caption</span>,
<span class="literal">div</span>, <span class="literal">iframe</span>,
<span class="literal">marquee</span>, <span class="literal">table</span>,
<span class="literal">td</span>, <span class="literal">textarea</span>,
<span class="literal">tr</span>, and elements (IE 5 and earlier for Windows).
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").style.paddingBottom
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.paddingLeft
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.paddingRight
[window.]document.getElementById("<span class="replaceable">elementID</span>").style.paddingTop</pre>
						</span></td>
				</tr>
			</table>
		</div>

</body>
</html>