はみ出し部分の表示方法 (Overflow)

 
ビジュアル効果
ホーム > CSS2 Note > はみ出し部分の表示方法
C2- ie4- N6-

説明

overflow: overflow; C2- ie4- N6-
値:  visible | hidden | scroll | auto | inherit
初期値:visible適用要素:ブロック要素および置換要素(img、input、textarea、select、object要素)継承:しない%値:なしメディア:ビジュアル
このプロパティは、ブロック要素の内容がボックス(この内容の包含ブロック)からはみ出してしまう場合の、内容の表示方法を指定します。
 

使用例

div {width:100px; height:200px; overflow:scroll}
 

overflow プロパティの値

visibleC2- ie4- N6- ボックスからはみ出して表示します。初期値。
hiddenC2- ie4- N6- はみ出した部分をカットして表示します。
scrollC2- ie4- N6- 内容をスクロールして見ることができるように表示します。
autoC2- ie4- N6- ブラウザに依存します(一般的にはスクロールできるように表示されます)。
 
関連項目: overflow | clip | visibility
トップページ CSS2 Note ページトップ
 2005/09/21発行 2008/12/01更新