<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">bottom</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</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">継承 : なし</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>CSS 仕様では、この属性を使用して、配置された要素のコンテンツ (ボーダーとマージンを除く) の下の端の位置を、すぐ外にあるブロックコンテンツコンテナの下の端からの相対位置として定義します。一般的なブラウザのうち、Macintosh 版 IE 5 のみがこのように動作します。Windows 版 IE と Netscape 6 の場合、配置された要素がルート配置コンテキストを使用すると、予想外の動作をします。これらのブラウザは、ドキュメントの一番下を比較用の端として使用する代わりに、ブラウザのウィンドウスペース (CSS 用語ではビューポート) の一番下を使用します。その結果、要素の正確な下の位置は、ユーザーが使用しているブラウザのウィンドウサイズによって異なります。この相違により、別の配置された要素内にネストされている配置された要素の <span class="literal">bottom</span> プロパティを使用することがより現実的になります。要素を相対的に配置する場合、コンテンツで要素が通常表示されるインラインロケーションの下端をベースにオフセットを行います。
</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>bottom: <span class="replaceable">length</span> | <span class="replaceable">percentage</span> | auto</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>詳しくは本章の始めにある length の値についての説明を参照してください。状況によってはマイナスの値が使用できることがありますが、すべてのブラウザで動作することを確認してください。すぐ外のコンテナの高さを元にして計算したパーセント値を指定することもできます。<span class="literal">auto</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">auto</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">適用先</span></td>
				</tr>
				<tr>
					<td><p>すべての配置された要素 </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.bottom</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>