<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="説明">
			<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">継承 : なし</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>簡略化するための属性で、要素の端 (上下左右) のそれぞれの余白幅を設定します。余白とは、要素のコンテンツボックスの周りにある空白部分です。要素に設定されているボーダーは余白に含まれません。余白の部分には背景イメージか要素の色が表示されます。要素に余白を追加すると、要素の可視領域のサイズが大きくなりますが、コンテンツブロックのサイズは変更されません。
</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 構文</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">値</span></td>
				</tr>
				<tr>
					<td><p><span class="replaceable">paddingThickness</span> の値には、<span class="replaceable">lengths</span> またはその外側のコンテナサイズのパーセント値が指定できます。
</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">既定値</span></td>
				</tr>
				<tr>
					<td><p><span class="literal">0</span>。Windows 版 IE では <span class="literal">td</span> 要素と <span class="literal">th</span> 要素に既定値の <span class="literal">1</span> を指定します。
</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">例</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">適用先</span></td>
				</tr>
				<tr>
					<td><p>すべての要素 (Macintosh 版 IE 5、Windows 版 IE 5.5、および 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> の各要素 (Windows 版 IE 5 以前のバージョン)
</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">オブジェクト参照</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>