例
スクロールするには、overflowプロパティを設定します。
div
{
width: 150px;
height: 150px;
overflow: scroll;
}
»それを自分で試してみてください 定義と使用法
overflowプロパティは、コンテンツが要素のボックスをオーバーフローした場合に何が起こるかを指定します。
デフォルト値: | visible |
---|---|
継承されました: | no |
アニメーション: | no. Read about animatable |
バージョン: | CSS2 |
JavaScriptシンタックス: | object .style.overflow="scroll" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
overflow | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSSの構文
overflow: visible|hidden|scroll|auto|initial|inherit;
プロパティ値
値 | 説明 | それを再生します |
---|---|---|
visible | オーバーフローがクリップされていません。 これは、要素のボックスの外にレンダリングします。 これがデフォルトです | それを再生します» |
hidden | オーバーフローがクリップされて、コンテンツの残りの部分は見えません | それを再生します» |
scroll | オーバーフローがクリップされますが、スクロールバーはコンテンツの残りの部分を参照するために添加されます | それを再生します» |
auto | オーバーフローがクリップされている場合は、スクロールバーはコンテンツの残りの部分を見るために追加する必要があります | それを再生します» |
initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSSチュートリアル: CSSのポジショニング
HTML DOMリファレンス: overflow property