概要

CSSoverflow-y プロパティは、ブロックレベル要素のコンテンツが top または bottom 境界からはみ出したときに、はみ出したコンテンツをそのまま表示するのか、クリップするのか、スクロールバーをつけて表示するのかを指定します。

初期値visible
適用対象非置換ブロックレベル要素と非置換インラインブロック要素
継承不可
メディアvisual
計算値指定値
Animation typediscrete
正規順序形式文法で定義される一意のあいまいでない順序

構文

形式文法: visible | hidden | scroll | auto
overflow-y: visible
overflow-y: hidden
overflow-y: scroll
overflow-y: auto

overflow-y: inherit

visible
コンテンツはクリップされず、コンテンツのボックスより外側に描画されるかもしれません。
hidden
コンテンツはクリップされ、クリップ領域外の(見えなくなった)コンテンツを見るためのスクロールバーは作られません。
scroll
コンテンツはクリップされ、デスクトップブラウザではコンテンツがクリップされたかどうかに関わらず、スクロールバーを描画します。これは、動的な環境でスクロールバーが表示されたり消されたりして起きる問題を防ぎます。プリンターははみ出たコンテンツを印刷するかもしれません。
auto
ユーザエージェントに依存する動作です。Firefox のようなデスクトップブラウザでは、コンテンツがはみ出るならスクロールバーを作ります。

[fixme]

仕様

仕様書 策定状況 コメント
CSS Basic Box Model
overflow-y の定義
草案  

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 1.0 Unknown (1.5) 5.0 [*] 9.5 3.0
機能 Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 1.0 (有) 1.0 (1.5) (有) (有) (有)

[*] IE8 は -ms-overflow-y overflow-y の同義語として導入しました。プレフィックス -ms- は使わないでください。

関連情報

ドキュメントのタグと貢献者

タグ: 
このページの貢献者: Sebastianz, ethertank, sosleepy
最終更新者: Sebastianz,