最終更新日

positionプロパティ

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

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

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;
参考文献:CSS Positioned Layout Module Level 3外部リンク
HOME