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;
  }

自分で試してみる

CSS 语法

bottom: auto|length|initial|inherit;

属性値

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

技術的詳細

デフォルト値： auto
継承性： no
バージョン： CSS2
JavaScript 语法： object.style.bottom="50px"

さらに多くの例

ピクセル値を使用して画像の下部端を設定
この例では、ピクセル値を使用して画像の下部端を設定する方法を示します。
パーセント値を使用して画像の下部端を設定
この例では、パーセント値を使用して画像の下部端を設定する方法を示します。

ブラウザのサポート

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

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