overflowはみ出た内容の表示方法を指定する
対応ブラウザ
- IE4
- IE5
- IE6
- IE7
- IEMac
- Netscape6
- Netscape7
- Firefox1
- Firefox2
- Opera6
- Opera7
- Opera8
- Opera9
- Safari1
- Safari2
仕様
CSS Level2
値
| 値 | 内容 |
|---|---|
| visible | ボックスからはみ出して表示される IEでは、内容がはみ出さず、ボックスの方が内容に合わせて拡張される[初期値] |
| scroll | 入りきらない内容はスクロールして見られるようになる |
| hidden | はみ出た部分は表示されない |
| auto | ブラウザに依存する 通常はスクロールして見られるようになる |
ブラウザバグなど
ブロック要素の内包要素がボックスに収まりきらないときにボックスが拡大される
overflow:hiddenを指定すると領域が消える
overflow:autoの領域ではスクロールボタンが使えない
overflow:autoの領域に相対配置の要素があるとスクロールバーが出る
overflow:hiddenの領域の後続の要素に下線が付く
配置△上に戻る
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重なりの順序を指定する
主要ブラウザに非対応
