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