このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

メディア・クエリ~“overflow-block”メディア・フィーチャーMedia Queries Level 4 で追加

記事Jan. 16th,2019
July 7th,2020
出力デバイスがブロック軸方向に溢れたコンテンツをどのように扱うかを条件とするためのメディア・フィーチャー
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

overflow-block”メディア・フィーチャーについて

overflow-block”メディア・フィーチャーは出力デバイスがブロック軸方向に溢れたコンテンツをどのように扱うかを条件とするためのメディア・フィーチャーです。

none”は溢れたコンテンツを表示しない電子看板など、“optional-paged”はスライドショーなど、“paged”は電子書籍リーダーや紙に印刷する文書などです。

指定できる値

説明
none ブロック軸方向に溢れたコンテンツは表示されない
scroll ブロック軸方向に溢れたコンテンツはスクロールすることで表示される
optional-paged ブロック軸方向に溢れたコンテンツはスクロールすることで表示されるが、ページ区切りを入れることで次のページに表示させることができる
paged ブロック軸方向に溢れたコンテンツは不連続のページに分割され、溢れた分は次のページに表示される

サンプルコード

@media (overflow-block: scroll) {
.sample {
/* 溢れたコンテンツをスクロールすることで表示するデバイスに適用されるスタイル。 */
}
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク