例
内のコンテンツのトップ/ボトムエッジクリップ<div>要素を-それは要素のコンテンツ領域をオーバーフローした場合:
div
{
overflow-y: hidden;
}
»それを自分で試してみてください 定義と使用法
オーバーフロー-yのプロパティは、コンテンツのトップ/ボトムのエッジをどのように処理するかを指定します - それは要素のコンテンツ領域をオーバーフローします。
Tip:使用オーバーフロー-Xの左右の端でクリッピングを決定するためにプロパティを。
デフォルト値: | visible |
---|---|
継承されました: | no |
アニメーション: | no. Read about animatable |
バージョン: | CSS3 |
JavaScriptシンタックス: | object .style.overflowY="scroll" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
-ms-が続く数字は、接頭辞で働いていた最初のバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
overflow-y | 4.0 | 9.0 8.0 -ms- | 3.5 | 3.0 | 9.5 |
CSSの構文
overflow-y: visible|hidden|scroll|auto|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
visible | デフォルト値。 コンテンツはクリップされていない、それは、コンテンツボックスの外側にレンダリングすることができます | それを再生します» |
hidden | コンテンツがクリップされ - と全くスクロール機構が提供されていません | それを再生します» |
scroll | コンテンツがクリッピングされ、スクロール機構が設けられています。 | それを再生します» |
auto | スクロール機構がオーバーフローボックスのために提供させるべきです | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
HTML DOMリファレンス: overflowY property