初心者のスタイルシート(CSS)講座:縦方向にスクロール

・overflow-y
内容があふれる場合の縦方向の処理方法を指定する

【内容があふれる場合に縦方向にスクロール指定にする方法】
overflow-y:キーワード

【キーワード】
visible・・・・・・初期設定です。領域指定などを無視して高さや幅を調整して、入りきらなかったコンテンツを表示します。

hidden・・・・・・領域指定に従って、入りきらないコンテンツを表示しません。

scroll・・・・・・縦と横にスクロールバーをつけて全てのコンテンツを表示する。

auto・・・・・・ブラウザが自動で処理します。

 widthやheightでボックスの領域の幅や高さを指定すると、コンテンツがボックス内に収まりきらない事があります。

 内容があふれる場合の縦方向の処理方法を指定します。 インターネットエクスプローラー独自で拡張したプロパティです。 『overflow-y』は『overflow-x』とは違って、横方向の幅の指定を無視することはないので (画像の場合には無視)値に応じた処理を行うようになっています。