Style overflowX 属性

定義と使用法

overflowX 属性は、内容の左/右エッジをどのように処理するかを規定します - それが要素の内容エリアをオーバーフローする場合。

ヒント：を使用してください overflowY 属性 上端と下端のカットオフを決定するために

参照してください：

CSS リファレンスマニュアル：overflow-x プロパティ

例

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

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

自分で試してみてください

文法

overflowX 属性の返却：

object.style.overflowX

overflowX 属性の設定：

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

属性値

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

技術的詳細

デフォルト値： visible
返却値： 文字列，要素を表す overflow-x プロパティ。
CSS バージョン： CSS3

ブラウザのサポート

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