w3-notes logo

cocochido

HTML/CSSリファレンス

CSS メディア特性

サイズ

ビューポートの幅を示す。
ビューポートの高さを示す。
ビューポートのアスペクト比(幅/高さ)を示す。
ビューポートの向きを示す。

表示品質

デバイスのピクセル密度を示す。
デバイスのスキャン方式(画像描画方式)を示す。
デバイスがグリッドベースの画面を使用しているか否かを示す。
デバイスの表示速度を示す。
ブロック軸方向へのオーバーフローをデバイスが処理する方法を示す。
インライン軸方向へのオーバーフローをデバイスが処理する方法を示す。

カラー

デバイスの単独の色成分のビット数を示す。
デバイスの色参照テーブルの項目数を示す。
デバイスのモノクロフレームバッファのビット数を示す。
デバイスが対応している色空間を示す。

相互作業

マウスなどのポインティングデバイスの正確性を示す。
HTML要素上でのマウスなどでのホバーの可否を示す。
何らかのポインティングデバイスが使用可能か、またはその正確性を示す。
HTML要素上での何らかのホバー機構が使用可能か否かを示す。

環境

周囲の環境の明るさレベルを示す。
ディスプレイの技術的な特性を示す。

スクリプト

スクリプト(たとえばJavaScript)が使用できるか否かを示す。

ユーザー設定

ユーザエージェントやOSが色反転を行っているか否か検出する。
ユーザーがアニメーション動作など控えることが好みであるかを検出する。
ユーザーが透明度を下げることが好みであるかを検出する。
ユーザーがコントランスの高低どちらを好んでいるかを検出する。
ユーザーのシステム環境がライトモードなのかダークモードなのかを検出する。
ユーザーエージェントが制限されたカラーパレットを使用しているか否かを検出する。
© 2020 ここちい堂. All rights reserved.