bottom/CSS/HTMLの基本を学ぶ/ウェブ作成に役立つ情報サイト/It's a long way to the top

bottom

Home>CSS>プロパティリファレンス>bottom

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

bottomプロパティの役割

bottomプロパティはボックスの下端の位置を指定します。
基準となる下端から上方向に位置をずらします。

bottomプロパティは、positionプロパティがstatic以外の値をとるときに、動作します。

bottomプロパティに設定できる値

auto 自動的に設定する。
inherit 上位要素の値を反映する。
数値 基準となる場所の下端を0とした値。
ボックスの高さを100%とした百分率。ボックスの高さが指定されていないと無効。

bottomプロパティの使い方

<table border="1" style="bottom:20px;position:relative">
<tr><td>&nbsp;</td></tr>
</table>

 

上記のサンプルでは、本来の位置よりも20ピクセル上に、テーブルが表示されています。このときのテーブル要素には、position:relativeを指定しています。

関連リンク

よく読まれている記事

UpDate:2010-7-22