CSS3 overflow-x プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

例

<div> 要素内のコンテンツの左/右の端を切り取ります - 要素のコンテンツ領域をオーバーフローした場合：

div {
    overflow-x: hidden;
}
Try it Yourself ❯

定義と用法

overflow-x プロパティは、要素のコンテンツ領域をオーバーフローした場合、コンテンツの左/右の端を切り取るかどうかを指定します。

チップ: 上端と下端を切り取る場合は、overflow-y プロパティを使用します。

デフォルト値： visible
継承： 継承する
アニメーション可否： 不可。animatable を参照
バージョン： CSS3
JavaScript 構文： object.style.overflowX="scroll" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

Numbers followed by -ms-, specify the first version that worked with a prefix.

プロパティ
overflow-x 4.0 9.0
8.0 -ms-		 3.5 3.0 9.5

CSS 構文

overflow-x: visible|hidden|scroll|auto|initial|inherit;

プロパティの値

box
値 説明 Play it
visible コンテンツは切り取らずに、コンテンツボックスの外側に描画します Play it ❯
hidden コンテンツを切り取ります - スクロールバーは表示されません Play it ❯
scroll コンテンツを切り取り、スクロールバーを表示します Play it ❯
auto ボックスのオーバフローに対してはスクロールバーを表示します Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

HTML DOM リファレンス：overflowX プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯