例
絶対的な位置付けの上端に設定し<div>その最も近い位置付け祖先の上縁の下に80pxする要素を：
div.absolute {
position: absolute;
top: 80px;
width: 200px;
height:
100px;
border: 3px solid #8AC007;
}
»それを自分で試してみてください 定義と使用法
絶対配置要素の場合、topプロパティは、その最も近い位置付け祖先の上端より下/上記ユニットに要素の上端を設定します。 注意：絶対位置指定要素は何も配置さ祖先を持っていない場合は、文書本体を使用し、ページのスクロールと一緒に移動します。 注：A "positioned"要素が位置静的以外のものであるものです。
比較的位置付け要素については、topプロパティは、通常の位置の上/下のユニットに要素の上端を設定します。
Note:場合は"position:static" 、トップのプロパティは効果がありません。
| デフォルト値： | auto |
|---|---|
| 継承されました： | no |
| アニメーション： | yes. Read about animatable Try it |
| バージョン： | CSS2 |
| JavaScriptシンタックス： | object .style.top="100px" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| top | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSSの構文
top: auto|length|initial|inherit;プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| auto | ブラウザが上端の位置を計算することができます。 これがデフォルトです | それを再生します» |
| length | 負の値が許可されるなどピクセル、センチ、中上端の位置を設定します | それを再生します» |
| % | 元素を含有するの％でトップエッジ位置を設定します。 負の値は許可されています | それを再生します» |
| initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル： CSSのポジショニング
CSSリファレンス： bottom property
CSSリファレンス： left property
CSSリファレンス： right property
HTML DOMリファレンス： top property