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

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

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

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

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

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

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

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

 内容があふれる場合の横方向の処理方法を指定します。 インターネットエクスプローラー独自で拡張したプロパティです。ただ、現在のインターネットエクスプローラーでは内容があふれる場合に初期設定では高さの指定などを無視して、高さを調節して内容全てを表示してしまうので『overflow-x』を指定する意味はあまりありません。