ボックスの配置位置を指定する

top
right
bottom
left

{ top トップ : 位置; }

{ right ライト : 位置; }

{ bottom ボトム : 位置; }

{ left レフト : 位置; }

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

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

値の指定方法

位置

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

サンプルコード

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

関連記事