最終更新日

bottomプロパティ

bottomは、要素を配置する際に、下からの距離を指定するためのプロパティです。下からの距離とは、基準位置の下端から配置する要素の下端までの距離を指します。

bottomで指定するのは、基準位置からの距離のみです。実際の表示位置の指定には、positionを併用して、基準位置を設定する必要があります。

以下は、関連プロパティです。

top
right
left

CSS3での変更点
特にありません
初期値 適用先 継承
auto positionが設定された要素 なし
説明
長さの値 「5px」「3em」のように、数値に単位を付けて指定します。
パーセント値 「100%」のように、数値に「%」の単位を付けて、他の値に対する割合で示します。
auto 値が自動的に計算されます。(初期値
サンプルコード
bottom: 10px;
bottom: 10%;
bottom: auto;
参考文献:CSS Positioned Layout Module Level 3外部リンク
HOME