例
あふれたコンテンツをスクロールするoverflowプロパティを使用します。
document.getElementById("myDIV").style.overflow = "scroll"; »それを自分で試してみてください 定義と使用法
overflowプロパティは、設定または構成要素のボックスの外にレンダリングするコンテンツをどのように処理するかを返します。
Tip:あなたは文書全体のスクロールバーを非表示にしたい場合は、身体またはhtml要素にoverflowプロパティを使用します。
ブラウザのサポート
overflowプロパティは、すべての主要なブラウザでサポートされています。
構文
overflowプロパティを返します：
object .style.overflow
overflowプロパティを設定します。
object .style.overflow="visible|hidden|scroll|auto|initial|inherit"
プロパティ値
| 値 | 説明 |
|---|---|
| visible | コンテンツはクリップされていないと、要素ボックスの外側示すことができます。 これがデフォルトです |
| hidden | 要素ボックス外のコンテンツは表示されません |
| scroll | スクロールバーが追加され、コンテンツが必要なときにクリップされ |
| auto | コンテンツはクリップされ、必要なときにスクロールバーが追加されます |
| initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
| デフォルト値： | 目に見えます |
|---|---|
| 戻り値： | 要素ボックスの外描画内容を表す文字列、 |
| CSSのバージョン | CSS2 |
その他の例
例
あふれたコンテンツを非表示にするoverflowプロパティを使用します。
document.getElementById("myDiv").style.overflow = "hidden"; »それを自分で試してみてください 関連ページ
CSSチュートリアル： CSSのポジショニング
CSSリファレンス： overflow property
<スタイルオブジェクト