ボックスの位置指定 (Box offsets)

 
ビジュアル
ホーム > CSS2 Note > ボックスの位置指定
C2- ie4- N4-

説明

top: top;       C2- ie4- N4-
right: right;   C2- ie5- N6-
bottom: bottomC2- ie5- N6-
left: left;     C2- ie4- N4-
値:  <長さ> | <%値> | auto | inherit
初期値:auto適用要素:ポジション要素(positionプロパティの値がstatic以外の要素)継承:しない%値:包含ブロックを参照メディア:ビジュアル
このプロパティは、包含ブロックの内辺から、指定した要素のボックスのマージン外辺までの距離を指定します。

絶対配置(position:absolute)の場合、そのボックスの外辺の配置は包含ブロックの内辺に対して行われます。相対配置(position: relative)の場合、そのボックス自身の通常配置の外辺を基準とした相対的な位置指定が行われます。

位置指定には、負の値を指定することもできます。
 

使用例

#hint {position:absolute; top:100px; left:100px}
 

top right bottom left プロパティの値

長さ C2- ie4- N4- 距離を指定。
%値 C2- ie4- N4- 包含ブロックに対する割合で指定します。top、bottomは高さに対する割合、left、rightは横幅に対する割合で指定します。包含ブロックの値が明確でない場合は、「auto」として扱われます。
auto C2- ie4- N6- CSSの算出方法によって自動的に調整されます。初期値。
 
 
 
関連項目: display | position | top right bottom left | float | clear | z-index | direction | unicode-bidi
トップページ CSS2 Note ページトップ
 2005/09/22発行 2008/010/01更新