この記事は2008年6月25日に書かれたものです。既に内容が古い可能性があります。

overflow;スクロール表示

overflowプロパティは、ブロック要素内の表示方法を指定します。よく使われるのは、任意のボックスの幅や高さを指定して、はみ出した内容はスクロール表示させると言った形です。Mac IE5 では、div要素以外のブロック要素に指定すると、表示が消えてしまいます。

プロパティ

overflow

キーワード(下記参照)

visible(指定範囲からあふれて表示)

hidden(指定範囲からあふれた部分は非表示)

scroll(指定範囲からあふれた場合はスクロールバー)

auto(指定範囲からあふれた場合はスクロールバー)

対象

ブロックレベル要素

継承の有無

なし

overflowサンプル

hidden
サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:

scroll
サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:

auto
サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:

visible
サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル:サンプル

タグ: