CSS overflow-y | CSS プロパティ値| 意味使い方実例

CSS overflow-y| CSS:スタイルシート関数要素使い方・書き方例 CSS サンプル

2018-07-04 css-reference

ページコンテンツ

`overflow-y` CSS プロパティとは

トピック：コンテンツがクリップするか、スクロールバーをレンダリングするか、要素のコンテンツ領域の上端と下端にコンテンツがオーバーフローしたときにオーバーフローコンテンツを表示するかどうかを指定する事ができる

基本書式：

セレクタ

{

overflow-y

値;

}

 .webref1 {
    overflow: scroll;
}

.webref2 {
    overflow: hidden;
}

.webref3 {
    overflow: auto;
}

.webref4 {
    overflow: visible;
}

デフォルト値・初期値 :	`visible`
適用対象 :	非置換ブロックレベル要素と非置換インラインブロック要素
継承 :	不可
メディア :	visual
計算値 :	指定値
`CSS Version`	`CSS3`
アニメーションの種類 :	個別アニメーション可能なプロパティ一覧
JavaScript 構文	object.style.overflowY="funWebref"
正規順序 :	形式文法で定義される一意のあいまいでない順序
CSSの構文	`overflow-y: visible \| hidden \| scroll \| auto \| initial \| inherit;`

値	説明
`visible`	コンテンツはクリップされない要素のボックスの外側にレンダリングされるため、他のコンテンツと重複する可能性があります。これはデフォルト値です。
`hidden`	要素のボックスをオーバーフローさせたコンテンツはクリップされ、残りのコンテンツは非表示になる
`scroll`	オーバーフローはクリップされますが、スクロールバーが追加されて残りのコンテンツが表示される
`auto`	コンテンツが要素のボックスをオーバーフローすると、スクロールバーが表示され、残りのコンテンツが表示される
`inherit`	このプロパティをデフォルト値に設定する
`inherit`	親要素からこのプロパティを継承する

機能	Chrome	Firefox	Internet Explorer	Opera	Safari
基本サポート	1.0	Unknown (1.5)	5.0 [*]	9.5	3.0

機能	Android	Chrome for Android	Firefox Mobile	IE Mobile	Opera Mobile	Safari Mobile
基本サポート	1.0	サポート◯	1.0 (1.5)	サポート◯	サポート◯	サポート◯

：overflow-y 関連記事