例
テキストは要素のコンテンツ領域をオーバーフローした場合、水平スクロール:
document.getElementById("myDIV").style.overflowX = "scroll";
»それを自分で試してみてください 定義と使用法
overflowXプロパティは、コンテンツの左/右のエッジをどのように処理するかを指定します - それは要素のコンテンツ領域をオーバーフローした場合。
Tip:使用overflowY上端と下端でのクリッピングを決定するプロパティを。
ブラウザのサポート
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
<スタイルオブジェクト