Css-bottom

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

CSS-下

説明

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

可能な値

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

に適用されます

すべてのHTML配置要素。

DOM構文

object.style.bottom = "2px";

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

<html>
   <head>
   </head>

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

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