Style overflowY 属性

定義と使用方法

overflowY 属性は、内容の上/下エッジをどのように処理するかを定義します - 要素の内容エリアをオーバーフローした場合。

ヒント：次を使用してください overflowX 属性 左右のエッジのカットオフを決定するために

さらに参照してください：

CSS リファレンスマニュアル：overflow-y 属性

例

テキストが要素の内容エリアをオーバーフローした場合、垂直スクロール：

document.getElementById("myDIV").style.overflowY = "scroll";

自分で試してみる

文法

overflowY 属性を返す：

object.style.overflowY

overflowY 属性を設定する：

object.style.overflowY = "visible|hidden|scroll|auto|initial|inherit"

属性値

値 説明
visible 内容がカットオフされず、フレーム外にレンダリングされる可能性があります。
hidden 内容がカットオフされますが、スクロールメカニズムは提供されません。
scroll 内容がカットオフされ、スクロールメカニズムが提供されます。
auto オーバーフローしたフレームに対して、スクロールメカニズムを提供する必要があります。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit 親要素からこの属性を継承します。参照してください inherit。

技術的詳細

デフォルト値： visible
返り値： 文字列，要素を表す overflow-y 属性。
CSS バージョン： CSS3

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート