例
絶対的な位置付けの下縁部に設定し<div>その最も近い位置付け祖先の下端の上に70ピクセルにする要素を：
div.absolute {
position: absolute;
bottom: 70px;
width: 200px;
height: 100px;
border: 3px solid #8AC007;
}
»それを自分で試してみてください 定義と使用法
絶対配置要素の場合、下のプロパティは、その最も近い位置付け祖先の下端より下/上記ユニットに要素の下端を設定します。 注意：絶対位置指定要素は何も配置さ祖先を持っていない場合は、文書本体を使用し、ページのスクロールと一緒に移動します。 注：A "positioned"要素が位置静的以外のものであるものです。
比較的位置付け要素については、下のプロパティは、通常の位置の上/下のユニットに要素の下端を設定します。
Note:場合は"position:static" 、下のプロパティは効果がありません。
| デフォルト値： | auto |
|---|---|
| 継承されました： | no |
| アニメーション： | yes. Read about animatable Try it |
| バージョン： | CSS2 |
| JavaScriptシンタックス： | object .style.bottom="10px" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSSの構文
bottom: auto|length|initial|inherit;プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| auto | ブラウザが下端の位置を計算することができます。 これがデフォルトです | それを再生します» |
| length | 負の値が許可されるなどピクセル、センチ、中底のエッジ位置を設定します。 | それを再生します» |
| % | 元素を含有するの％で下端の位置を設定します。 負の値は許可されています | それを再生します» |
| initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル： CSSのポジショニング
CSSリファレンス： top property
CSSリファレンス： left property
CSSリファレンス： right property
HTML DOMリファレンス： bottom property