Các tính năng mới của CSS Media Query 5

• light-level: có thể điều chỉnh theo độ sáng màn hình như dim, washed, normal (trình duyệt vẫn chưa hỗ trợ)

• inverted-colors: đảo màu (chỉ Safari hỗ trợ)

• Cá nhân hóa

→ prefers-contrast: hỗ trợ khả năng truy cập

→ prefers-reduced-motion: giảm thiểu hiệu ứng động

→ prefers-reduced-transparency: giảm độ trong suốt

→ prefers-reduced-data: giảm thiểu truyền dữ liệu khi ở trạng thái di động/chuyển vùng hoặc trên các trang có nhiều hình ảnh

• Custom Media Query có thể dùng với script

→ có thể khai báo biến bằng @custom-media để liên kết

→ cũng dự kiến sẽ cho phép chính phần khai báo biến có thể dùng với script