overflow

Home>CSS>プロパティリファレンス>overflow

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

overflowプロパティの役割

overflowプロパティは、表示領域をはみ出す部分について、どのように処理するかを指定します。

overflowプロパティに設定できる値

auto 自動設定(ブラウザによるがscrollと同じになることが多い)
hidden 領域をはみ出した部分は非表示。
scroll 領域をはみ出す部分はスクロールさせて見えるようにする。
visible 領域をはみ出してもすべて表示する。

overflowプロパティの使い方

<div style="overflow:scroll;height:80px;"><p>文章が領域よりもはみ出して<br />表示されている場合に<br />スクロールバーを表示して<br />内容を見えるようにする</p></div>

文章が領域よりもはみ出して
表示されている場合に
スクロールバーを表示して
内容を見えるようにする

上記のサンプルは、div要素にoverflowプロパティを指定して、領域をはみ出す場合にはスクロールバーを表示するようにしています。
また、div要素には、heightプロパティを指定して、高さを限定しています。

関連リンク

よく読まれている記事

UpDate:2010-9-9