CSS bottom 属性

定義と使用法

bottom 属性は要素のボトムエッジを指定します。この属性は、定位要素の下外側マージン境界と含むブロックの下境界間のオフセットを定義します。

注釈：position 属性の値が "static" であれば、bottom 属性の設定は何も効果がありません。

static 要素に対して auto；長さ値に対して相应的絶対長さ；パーセンテージ値に対して指定値；それ以外の場合は auto。

相対的に定義された要素に対して、bottom と top が auto であれば、その計算値はどちらも 0 です；そのうちの1つが auto であれば、もう一方の値の反対数を取ります；どちらも auto でない場合は、bottom は top の値の反対数を取ります。

CSS タイプ：CSS 定位

HTML DOM リファレンスマニュアル：bottom 属性

画像のボトムエッジを含む要素のボトムエッジの上に5ピクセル高い位置に設定します：

img
  {
  position:absolute;
  bottom:5px;
  }

bottom: auto|length|initial|inherit;

値	説明
auto	デフォルト値。ブラウザが底の位置を計算します。
%	要素のボトムエッジの位置をパーセンテージで設定します。負値を使用できます。
length	px、cmなどの単位で要素のボトムエッジの位置を設定します。負値を使用できます。
inherit	親要素から bottom 属性の値を継承するべきことを指定します。

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	5.0	1.0	1.0	6.0