定義と使用法
トッププロパティセットまたは配置要素のトップ位置を返します。
このプロパティは、パディング、スクロールバー、ボーダーやマージンなどの要素の先頭位置を指定します。
Tip: 、相対絶対、または固定:位置決め要素は、に設定された位置プロパティを持つ要素です。
ヒント:使用して、配置要素の下の位置を設定するか、または戻すには下のプロパティを。
ブラウザのサポート
トッププロパティは、すべての主要なブラウザでサポートされています。
構文
トッププロパティを返します:
object .style.top
トッププロパティを設定します。
oject .style.top="auto| プロパティ値 値 説明 auto ブラウザがトップの位置を設定することができます。 これがデフォルトです length 長さの単位でトップの位置を定義します。 負の値は許可されています % 親要素の高さの%でトップの位置を設定します。 initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: オート 戻り値: 位置決め要素の先頭位置を表す文字列、 CSSのバージョン CSS2
その他の例
例
負の値を使用する-の先頭位置に設定<div>要素を:
document.getElementById("myDiv").style.top = "-100px";
»それを自分で試してみてください
関連ページ
CSSチュートリアル: CSSのポジショニング
CSSリファレンス: top property
<スタイルオブジェクト