Css-top

提供：Dev Guides

2020年6月22日 (月) 22:39時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)

(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)

移動先:案内、検索

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>

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

「https://www.finddevguides.com/index.php?title=Css-top&oldid=11724」から取得

Css Tutorial