CSS3 overflow-yプロパティ


実例

要素のコンテンツ領域からはみ出した場合、div要素の上部/下部の端のコンテンツをクリップします:

div
{
overflow-y:hidden;
}

試してみる »

ブラウザサポート

表内の数字は、そのプロパティをサポートする最初のブラウザのバージョン番号を示します。

-webkit-、-ms-、または -moz- の直前の数字は、そのプレフィックス付きプロパティをサポートする最初のブラウザのバージョン番号です。

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

プロパティの定義と使用説明

overflow-y プロパティは、要素のコンテンツ領域からはみ出した場合に、上部/下部の端のコンテンツをクリップするかどうかを指定します。

ヒント:使用overflow-xプロパティを使用して、左右の端がクリップされるかどうかを判断します。

デフォルト値: visible
継承: no
バージョン: CSS3
JavaScript 構文: object.style.overflowY="scroll"


構文

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

值 説明
visible コンテンツはクリップされず、コンテンツボックスの外に表示される場合があります。
hidden コンテンツをクリップ - スクロールメカニズムは提供されません。
scroll コンテンツをクリップ - スクロールメカニズムを提供します。
auto ボックスからはみ出した場合、スクロールメカニズムを提供する必要があります。
no-display コンテンツがコンテンツボックスに収まらない場合、ボックス全体が削除されます。
no-content コンテンツがコンテンツボックスに収まらない場合、コンテンツ全体が非表示になります。
その他の拡張