最新のWeb開発のチュートリアル
 

Style bottom Property

<スタイルオブジェクト

以下の下の位置に設定し<button>要素を:

document.getElementById("myBtn").style.bottom = "100px";
»それを自分で試してみてください

定義と使用法

底プロパティセットまたは配置要素の底位置を返します。

このプロパティは、パディング、スクロールバー、ボーダーやマージンなどの要素の下の位置を指定します。

Tip: 、相対絶対、または固定:位置決め要素は、に設定された位置プロパティを持つ要素です。

ヒント:使用して、配置要素の先頭位置を設定するか、または戻すには、トッププロパティを。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

下のプロパティは、すべての主要なブラウザでサポートされています。


構文

下のプロパティを返します:

object .style.bottom

下のプロパティを設定します。

object .style.bottom="auto| プロパティ値
説明
auto ブラウザが下の位置を設定することができます。 これがデフォルトです
length 長さの単位で底位置を規定します。 負の値は許可されています
% 親要素の高さの%で一番下の位置を設定します。
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: オート
戻り値: 位置決め要素の底位置を表す文字列、
CSSのバージョン CSS2

その他の例

以下の下の位置に設定<div>要素を:

document.getElementById("myDiv").style.bottom = "10px";
»それを自分で試してみてください

負の値を使用する-の下の位置に設定<div>要素を:

document.getElementById("myDiv").style.bottom = "-100px";
»それを自分で試してみてください

以下の下の位置を返します<div>要素を:

alert(document.getElementById("myDiv").style.bottom);
»それを自分で試してみてください

関連ページ

CSSチュートリアル: CSSのポジショニング

CSSリファレンス: bottom property


<スタイルオブジェクト