{ top 【 トップ 】 : 位置; }

{ right 【 ライト 】 : 位置; }

{ bottom 【 ボトム 】 : 位置; }

{ left 【 レフト 】 : 位置; }

top、right、bottom、leftプロパティは、positionプロパティでstatic以外の値を指定した場合に、ボックスを配置する位置を指定します。

初期値	auto
継承	なし
適用される要素	positionプロパティによって配置を指定された要素
モジュール	CSS Positioned Layout Module Level 3

値の指定方法

位置

auto	ブラウザーによって自動的に指定されます。
任意の数値＋単位	基準となる位置からの距離を単位付きの数値で指定します。
%値	%値を指定します。値は親ブロックの幅、高さに対する割合となります。

CSSにおける単位付きの数値の指定方法

サンプルコード

positionプロパティの使用例を参照してください。

関連記事

• position　ボックスの配置方法を指定する