Css-top

提供:Dev Guides
移動先:案内検索

CSS-トップ

説明

_top_プロパティは、絶対的に配置された要素の上端の、位置付けコンテキストの上端からのオフセット、または相対的に配置された要素が移動する垂直距離を定義します。

可能な値

  • length -ポジショニングコンテキストの上部からの固定距離。
  • percent -コンテキストの高さが明示的に設定されていると仮定して、位置決めコンテキストの高さのパーセンテージ。 そうでない場合は、topのパーセント値がautoとして扱われます。
  • auto -デフォルト。 ブラウザに最上位を計算させます。

に適用されます

すべてのHTML配置要素。

DOM構文

object.style.top = "2px";

これは、このプロパティの効果を示す例です-

<html>
   <head>
   </head>

   <body>
      <p style = "position:absolute; top:100px;">
         This line will be positioned 100px below from the top edge of this window.
      </p>
   </body>
</html>

それは次の結果を生成します-