bottom
bottomプロパティの役割
bottomプロパティはボックスの下端の位置を指定します。
基準となる下端から上方向に位置をずらします。
bottomプロパティは、positionプロパティがstatic以外の値をとるときに、動作します。
bottomプロパティに設定できる値
auto | 自動的に設定する。 |
inherit | 上位要素の値を反映する。 |
数値 | 基準となる場所の下端を0とした値。 |
% | ボックスの高さを100%とした百分率。ボックスの高さが指定されていないと無効。 |
bottomプロパティの使い方
<table border="1" style="bottom:20px;position:relative">
<tr><td> </td></tr>
</table>
上記のサンプルでは、本来の位置よりも20ピクセル上に、テーブルが表示されています。このときのテーブル要素には、position:relativeを指定しています。
関連リンク
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-7-22