CSSaspect-ratio メディア特性は、ユーザーエージェント及び出力機器が対応している色のおよその範囲を調べるために使用することができます。

構文

color-gamut 特性は以下の一覧のうち一つのキーワード値で指定します。

srgb
出力機器がおよそ sRGB 色域又はそれ以上に対応しています。これはほとんどの色を表示できます。
p3
出力機器がおよそ DCI P3 色空間又はそれ以上の色域に対応しています。 p3 色域は sRGB 色域よりも広く、含んでいます。
rec2020
出力機器がおよそ ITU-R 勧告 BT.2020 色空間又はそれ以上の色域に対応しています。 rec2020 色域は p3 色域よりも広く、含んでいます。

HTML

<p>This is a test.</p>

CSS

@media (color-gamut: srgb) {
  p {
    background: #f4ae8a;
  }
}

結果

仕様書

仕様書 状態 備考
Media Queries Level 4
color-gamut の定義
勧告候補 初回定義。

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応58 ? なし なし45 あり
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 ?58 ? なし45 ? ?

ドキュメントのタグと貢献者

このページの貢献者: mfuji09
最終更新者: mfuji09,