CSS 参考手册

CSS @规则(RULES)

position CSS属性は、要素の位置を指定します。

以下のテーブルは、この属性の使用方法とバージョンヒストリー、およびjavascriptスクリプト内での属性の使用構文を示しています。

デフォルト値：	static
適用：	すべての要素
継承：	ありません
アニメーション可能：	いいえ。参照してください。アニメーション属性。
バージョン：	CSS 2、3
JavaScriptの構文：	object.style.position="absolute"

ヒント：position以外の要素がstaticと呼ばれる。これらはスタッキング環境での垂直位置はz-index属性で決定されます。

この属性の構文は以下の通りです：

position:　static　|　relative　|　absolute　|　fixed　|　sticky　|　initial　|　inherit

以下の例では、position属性の使用方法を示します。

例

　　h1　{
　　　position:　absolute;
　　　top:　100px;
　　　left:　150px;
　　}

注意： 印刷メディアタイプに対して、このフレームは各ページに表示され、ページフレームに対して固定されます。ページがビューポートを通じて見られる場合（例えば、「印刷プレビュー」の場合）でも同じです。

以下のテーブルはこの属性の値を説明します。

値	説明
static	この要素のボックスは通常のボックスであり、通常のフローに従ってレイアウトされます。静的なフレームに対して、top、right、bottom、left、およびz-index属性は無視されます。デフォルト値です。
relative	要素はその通常の位置（これが通常のフロー内の位置と呼ばれます）に定位されます。
absolute	要素はその位置が静的でない最初の祖先要素の位置に基づいて定位されます。
fixed	この要素はスクリーンのビューポートに対して固定され、スクロール中に動かされません。印刷時、要素は各ページに印刷されます。
sticky	この要素の位置は、相対的な配置のボックスに似ており、最近の「スクロールメカニズム」を持つ祖先に「貼り付け」されます。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のposition属性の値を使用します。

position属性のブラウザの互換性について、以下のテーブルの数字は、この属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 4+ Apple Safari 1+ Opera 4+

以下のチュートリアルを参照してください：CSS位置、CSSレイヤー。

関連属性：top、right、bottom、left、z-index。