スタイルオーバーフロープロパティ
例
オーバーフロープロパティを使用して、オーバーフローしたコンテンツをスクロールします。
document.getElementById("myDIV").style.overflow = "scroll";
定義と使用法
オーバーフロープロパティは、要素ボックスの外側にレンダリングされるコンテンツをどう処理するかを設定または返します。
ヒント:ドキュメント全体のスクロールバーを非表示にする場合は、本文またはhtml要素のoverflowプロパティを使用します。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
overflow | Yes | Yes | Yes | Yes | Yes |
構文
オーバーフロープロパティを返します。
object.style.overflow
オーバーフロープロパティを設定します。
object.style.overflow = "visible|hidden|scroll|auto|initial|inherit"
プロパティ値
Value | Description |
---|---|
visible | Content is NOT clipped and may be shown outside the element box. This is default |
hidden | Content outside the element box is not shown |
scroll | Scroll bars are added, and content is clipped when necessary |
auto | Content is clipped and scroll bars are added when necessary |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
技術的な詳細
デフォルト値: | 見える |
---|---|
戻り値: | 要素ボックスの外側にレンダリングされるコンテンツを表す文字列 |
CSSバージョン | CSS2 |
その他の例
例
オーバーフロープロパティを使用して、オーバーフローしたコンテンツを非表示にします。
document.getElementById("myDiv").style.overflow = "hidden";
例
オーバーフロープロパティを返します。
alert(document.getElementById("myDiv").style.overflow);
関連ページ
CSSチュートリアル:CSSオーバーフロー
CSSチュートリアル:CSSポジショニング
CSSリファレンス:オーバーフロープロパティ
❮スタイルオブジェクト