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

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

記事Jan. 16th,2019
July 7th,2020
出力デバイスがどれだけの頻度でコンテンツの表示を更新できるかを条件とするためのメディア・フィーチャー
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

update”メディア・フィーチャーについて

update”メディア・フィーチャーは出力デバイスがどれだけの頻度でコンテンツの表示を更新できるかを条件とするためのメディア・フィーチャーです。

CSSアニメーションなどで一度表示したコンテンツを動かしたり、変更したりすることができるかを指します。

none”はいったん表示すると変更できない紙に印刷する文書など、“slow”はアニメーションを円滑に表示できない電子書籍リーダーなどです。

指定できる値

説明
none 一度表示されるとコンテンツは更新されない
slow コンテンツは更新できるが変更をすばやく表示することができない
fast コンテンツは更新でき、速度の制約なく変更を表示できる

サンプルコード

@media (update: fast) {
.sample {
/* 高頻度でコンテンツの表示を更新できるデバイスに適用されるスタイル。 */
}
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク