position
対応ブラウザ | Internet Explorer 4~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 4~ | ||
---|---|---|---|
初期値 | static | 継承 | しない |
適用可能な要素 | すべての要素 | ||
用例 |
|
positionとは
positionとはボックスの配置方法(基準位置)を指定するプロパティです。実際に表示位置を指定するためには、top、right、bottom、leftプロパティを併用して、基準位置からの距離を指定する必要があります。
以下の値で指定します。
- static
- 特に配置方法を指定せず、通常の位置に配置します(初期値)。この値の場合はtop、bottom、left、rightを併用しません。
- relative
- 通常の位置を基準とした、相対位置への配置を指定します。
- absolute
- 包含ブロック(直近の祖先要素でポジショニングされた要素、もしくはウインドウの内容領域)を基準とした、絶対位置への配置を指定します。
- Fixed
- ウインドウを基準とした絶対位置への配置を指定します。absoluteと異なり、スクロールしても同じ位置に固定します。