最新のWeb開発のチュートリアル
 

Style overflowX Property

<スタイルオブジェクト

テキストは要素のコンテンツ領域をオーバーフローした場合、水平スクロール:

document.getElementById("myDIV").style.overflowX = "scroll";
»それを自分で試してみてください

定義と使用法

overflowXプロパティは、コンテンツの左/右のエッジをどのように処理するかを指定します - それは要素のコンテンツ領域をオーバーフローした場合。

Tip:使用overflowY上端と下端でのクリッピングを決定するプロパティを。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

overflowXプロパティは、主要なブラウザのすべてでサポートされています。

Note: overflowXプロパティは、IE8およびそれ以前では正しく動作しません。


構文

overflowXプロパティを返します:

object .style.overflowX

overflowXプロパティを設定します。

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

プロパティ値

説明
visible コンテンツはクリップされていない、それはコンテンツボックスの外側にレンダリングすることができます
hidden コンテンツが切り取られ - と何のスクロール機構が提供されていません
scroll コンテンツがクリッピングされ、スクロール機構が設けられています。
auto スクロール機構が溢れボックスのために提供させなければなりません
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 目に見えます
戻り値: 要素のオーバーフロー-xプロパティを表す文字列、
CSSのバージョン CSS3

関連ページ

CSSリファレンス: overflow-x property


<スタイルオブジェクト