CSS（カスケーディング・スタイル・シート）のプロパティの一つ。
ボックスの配置位置を指定する為のプロパティです。 通常、このプロパティは positionプロパティ と併用して使用し、position プロパティで位置決めされたボックスに対して、左からの距離を指定して、ボックスの配置位置を設定します。

【サンプルコード】

position: absolute;
bottom: 20px;

値は、正（プラス）と負（マイナス）のどちらでも指定できます。 正（プラス）を指定した場合は基準点から右向きに、負（マイナス）を指定した場合は左向きに動きます。また、パーセント等による指定をした場合は、親ボックス（または画面）の幅に対する左からの割合となります。

同様に位置決めされた要素に対する位置を指定するプロパティは以下のものがあります。

• topプロパティ（上からの距離の指定）
• bottomプロパティ（下からの距離の指定）
• rightプロパティ（右からの距離の指定）

プロパティ仕様

※1 このプロパティは position プロパティで「relative」「absolute」「fixed」のいづれかを指定した場合にのみ有効となります。

※2 IE6 以下では positionプロパティの「fixed」には対応していません。 また、IE7 以上でも表示モードが「互換モード」の場合は機能しません。

類似プロパティについて

このプロパティに類似する機能を持つプロパティは以下のものがあります。

• top
• bottom
• right

サンプルコード

.sample1 {
position: fixed;
top: 10px;
left: 20px;
}

※ 上記サンプルでは position プロパティに「fixed」が指定され、top プロパティに「10px」、left プロパティに「20px」が指定されているため、ボックスは画面に対して上 10px、左 20px の位置に配置されます。

• W3C - CSS/Properties/left - W3C公式サイト（英文）