CSS Media Query 5'in Yeni Özellikleri

• light-level : dim, washed, normal ekran parlaklığına göre ayarlama yapılabilir (henüz tarayıcı desteği yok)

• inverted-colors : ters çevirme (yalnızca Safari destekliyor)

• kişiselleştirme

→ prefers-contrast : erişilebilirlik desteği

→ prefers-reduced-motion : animasyonları en aza indirme

→ prefers-reduced-transparency : saydamlığı azaltma

→ prefers-reduced-data : hücresel/dolaşım durumunda veya görsel ağırlıklı sitelerde veri aktarımını en aza indirme

• script ile kullanılabilen Custom Media Query

→ @custom-media ile değişken tanımlayıp bağlamak mümkün

→ değişken tanımının kendisini de script ile kullanılabilir hâle getirmeyi planlıyorlar