はみ出し部分の表示方法
(Overflow)
ビジュアル効果
ホーム
>
CSS2 Note
> はみ出し部分の表示方法
C2- ie4- N6-
説明
overflow:
overflow
;
C2- ie4- N6-
値:
----- hint -----
a b この順序で
a|b どれか1つ
a||b 少なくとも1つ
[...] グループ
a* 0回以上
a+ 1回以上
a? 0回、1回
{a,b} a回以上b回以下
visible | hidden | scroll | auto |
inherit
初期値:
visible
、
適用要素:
ブロック要素
および
置換要素
(img、input、textarea、select、object要素)
、
継承:
しない
、
%値:
なし
、
メディア:
ビジュアル
このプロパティは、
ブロック要素
の内容が
ボックス
(この内容の
包含ブロック
)からはみ出してしまう場合の、内容の表示方法を指定します。
使用例
div {width:100px; height:200px; overflow:scroll}
overflow プロパティの値
visible
C2- ie4- N6- ボックスからはみ出して表示します。初期値。
hidden
C2- ie4- N6- はみ出した部分をカットして表示します。
scroll
C2- ie4- N6- 内容をスクロールして見ることができるように表示します。
auto
C2- ie4- N6- ブラウザに依存します(一般的にはスクロールできるように表示されます)。
overflowのレンダリング
visible (ボックスからはみ出して表示)
hidden (はみ出した部分をカットして表示)
scroll (内容をスクロール表示)
auto (ブラウザに依存 - 一般的にはスクロール表示)
overflow:auto;のスクロールバーの表示
関連項目: overflow |
clip
|
visibility
2005/09/21発行 2008/12/01更新