無料ホームページ作成！ＣＳＳ・スタイルシート
overflow

無料ホームページ作成！CSS・配置
overflow属性

ホームページの要素にスクロールバーを付ける

スクロールバーを付ける

overflow属性は要素にスクロールバーを付ける属性です。横や縦の範囲をしている要素などは、その範囲を内容が超えてしまうと範囲の外へ漏れて来たり、表示されなかったりする場合があります。範囲を指定している要素を作成する場合はこのoverflow属性を指定しましょう。

overflow属性の使い方

CSSソース

セレクタ{
	width:400px;
	height:50px;
	overflow:auto;
}
 

結果

overflow属性で宣言できる値

値	概要
auto	範囲の外にはみ出す場合はスクロールバーを表示
scroll	スクロールバーを常に表示
hidden	範囲に漏れる内容は表示しない
visible	範囲からはみ出して表示

値の使用例

overflow属性はautoにしておけば問題ないでしょう。
visibleは効果がない場合があるようです。