CSS 参考手册

CSS @规则(RULES)

top CSS属性は要素の上端エッジを指定します。この属性は、定位要素の上外側マージン境界と含みブロックの上端境界間のオフセットを定義します。

相対的な定義要素に対して、topおよびbottomがautoの場合、計算値はどちらも0です；そのうちの1つがautoの場合、もう一方の値の反対数を取ります；どちらもautoでない場合、bottomはtopの値の反対数を取ります。

注意："position"属性の値が"static"の場合、"top"属性の設定は何も効果がありません。

に対して絶対的な定位要素、このtop属性は、要素のフレームワークの上部端がコンテンツブロックの上部端からオフセットする距離を指定します。
に対して相対的な定位要素、このtop属性は、フレームワーク自身の上部端のオフセットを指定します（すなわち、フレームワークに通常のフローでの位置を指定し、これらの属性に基づいてその位置からオフセットします）。

以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用構文を示しています。

この属性の構文は以下の通りです：

top:　length　|　percentage　|　auto　|　initial　|　inherit

以下の例は、top属性の使用方法を示しています。

例

　　p　{
　　　position:　absolute;
　　　top:　150px;
　　}

以下のテーブルは、この属性の値を説明しています。

値	説明
length	px、pt、cm、emなどの単位で指定される数値、ネガティブ値も許可されます。
percentage	パーセンテージオフセットを指定します。要素のコンテンツブロックの高さに対してパーセンテージで計算されます。ネガティブパーセンテージ値を使用できます。
auto	ブラウザが上辺位置を計算します。これはデフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素はその親要素のtop属性値を使用します。

top属性のブラウザの互換性、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 6+

以下のチュートリアルを参照してください：CSS位置、CSSレイヤー。