最終更新日 2021年6月14日

positionプロパティ

positionは、ボックスの配置を相対的にするか絶対的にするかを指定するプロパティです。

positionで指定するのは配置方法のみです。実際の表示位置の指定には、top、right、bottom、leftを併用して、基準位置からの距離を設定する必要があります。

CSS3での変更点

特にありません

初期値	適用先	継承
static	すべての要素	なし

値	説明
relative	要素の通常の位置から、top、right、bottom、leftで指定した分だけ相対的に移動させます。
absolute	要素を、top、right、bottom、leftで指定した座標に絶対的に配置します。
fixed	要素をページ内に絶対的に配置します。この場合、スクロールしても要素の位置が固定されたままとなります。
static	要素を通常どおり配置し、top、right、bottom、leftを適用しません。（初期値）

サンプルコード

position: relative;
position: absolute;
position: fixed;
position: static;

ザマワンにエントリーしました！

『ザマワン』は「座間ワンミニッツ」の略称であり、座間市の魅力を１分にギュッと詰め込む動画コンテストです。