★position(配置方法)

戻る

position(配置方法)


解説
配置方法を指定する属性です。通常は、top、right、bottom、leftと一緒に指定します。

static:通常の状態(top、right、bottom、leftは無効。)
relative:相対位置指定
absolute:絶対位置指定

初期値

static

%値の基準  

適用

生成されたコンテント以外のすべてのエレメント

継承

しない


対応状況
全ての値   L2 N4 N6 N7 O6 O7 ff1 NA1 GA1 MO1 K2 K3   E4 E5 ME5 E55 E6

使用例

ソース

スタイル部に、

div{position:relative;left:50px;}

と記述し、

body部に、

<div>本来の位置より左から50pxの位置です。マージンとポジションの表示結果はよく似ています。しかし、マージンは余白、ポジションは位置の指定をする属性です。</div>

と記述すると。

表示&操作

本来の位置より左から50pxの位置です。マージンとポジションの表示結果はよく似ています。しかし、マージンは余白、ポジションは位置の指定をする属性です。
 
と表示されます。


Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/style/position.html
E-mailpokochan@mx1.tees.ne.jp