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

メディア・クエリ~“prefers-reduced-transparency”メディア・フィーチャーMedia Queries Level 5 で追加

記事Jan. 16th,2019
July 7th,2020
ユーザーが透明効果を望むかどうかを条件とするためのメディア・フィーチャー
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

prefers-reduced-transparency”メディア・フィーチャーについて

prefers-reduced-transparency”メディア・フィーチャーはユーザーが透明効果を望むかどうかを条件とするためのメディア・フィーチャーです。ユーザーが透明や半透明の効果を抑制する設定を行っているかどうかを指します。

透明や半透明の効果をユーザーが望まない場合にそれらがないスタイルに切り替えるのに使用することができます。

指定できる値

説明
no-preference ユーザーは設定を行っていない
reduce ユーザーは最小限の透明効果を望む

サンプルコード

@media (prefers-reduced-transparency: reduce) {
.sample {
/* 最小限の透明効果を望む場合に適用されるスタイル。 */
}
}
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク