ฟีเจอร์ใหม่ใน 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 แล้วเชื่อมโยงได้

→ มีแผนจะทำให้การประกาศตัวแปรเองก็สคริปต์ได้เช่นกัน