CSS3 overflow-y プロパティ

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

例

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

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

定義と用法

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

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

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

ブラウザ・サポート

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

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

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

CSS 構文

overflow-y: 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 リファレンス：overflowY プロパティ


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