CSS Media Query 5 の新機能

• light-level : dim、washed、normal の画面の明るさに応じて調整可能（現時点ではブラウザ未対応）

• inverted-colors : 反転（Safari のみ対応）

• パーソナライズ

→ prefers-contrast : アクセシビリティ対応

→ prefers-reduced-motion : アニメーションの最小化

→ prefers-reduced-transparency : 透明化の抑制

→ prefers-reduced-data : セルラー／ローミング状態や画像の多いサイトでデータ転送を最小化

• スクリプト可能な Custom Media Query

→ @custom-media で変数を宣言して連携可能

→ 変数宣言自体もスクリプト可能にする予定