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