positionボックスの配置方法（基準位置）を指定する
対応ブラウザ
- IE4
- IE5
- IE6
- IE7
- IEMac
- Netscape6
- Netscape7
- Firefox1
- Firefox2
- Opera6
- Opera7
- Opera8
- Opera9
- Safari1
- Safari2
仕様
CSS Level2
値
| 値 | 内容 |
|---|---|
| static | 特に配置方法を指定しない top、bottom、left、rightは適用されない[初期値] |
| relative | 相対位置への配置とする positionプロパティでstaticを指定した場合に表示される位置が基準位置となる |
| absolute | 絶対位置への配置とする 親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が基準位置となる 親ボックスにpositionプロパティのstatic以外の値が指定されていない場合には、ウィンドウ全体の左上が基準位置となる |
| fixed | 絶対位置への配置とする スクロールしても位置が固定された状態になる 実際にはサポートしていないブラウザが多い |
ブラウザバグなど
SPANタグをposition:absoluteするとリンクできない(Gilder Levin Methodの致命的バグ)
相対配置に続く要素にpositonが継承される
セルにposition:relativeを指定したときの判断がブラウザそれぞれで違う
position:absoluteの基準位置が親要素のpaddingを含めたものになる
内包要素のposition:absoluteの基準位置が内容物を含めたものになる
position:relativeの要素の背景が効かない
buttonタグにposition:relativeを指定しても無視される
buttonタグにposition:relativeを指定すると基準位置がずれる
bottom下からの配置位置（距離）を指定する
clear回り込みを解除する
clipボックスを切り抜き表示（クリッピング）する
direction文字表記の方向（左右）を指定する
display要素の表示形式（ブロック・インライン）を指定する
float左または右に寄せて配置する
height高さを指定する
left左からの配置位置（距離）を指定する
max-height高さの最大値を指定する
max-width幅の最大値を指定する
min-height高さの最小値を指定する
min-width幅の最小値を指定する
overflowはみ出た内容の表示方法を指定する
positionボックスの配置方法（基準位置）を指定する
right右からの配置位置（距離）を指定する
top上からの配置位置（距離）を指定する
unicode-bidiUnicodeの文字表記の方向を上書きする
visibilityボックスの表示・非表示を指定する
width幅を指定する
z-index重なりの順序を指定する
主要ブラウザに非対応
