color-gamut
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023.
Tính năng media CSS color-gamut được dùng để áp dụng các kiểu CSS dựa trên phạm vi gần đúng của gamut màu được hỗ trợ bởi user agent và thiết bị đầu ra.
Cú pháp
Tính năng color-gamut được chỉ định dưới dạng một trong các không gian màu sau đây dưới dạng giá trị từ khóa:
srgb-
User agent và thiết bị đầu ra có thể hỗ trợ gần đúng gamut sRGB hoặc hơn. Điều này bao gồm đại đa số các màn hình màu.
p3-
User agent và thiết bị đầu ra có thể hỗ trợ gần đúng gamut được chỉ định bởi không gian màu Display P3 hoặc hơn. Gamut P3 lớn hơn và bao gồm gamut sRGB.
rec2020-
User agent và thiết bị đầu ra có thể hỗ trợ gần đúng gamut được chỉ định bởi không gian màu ITU-R Recommendation BT.2020 hoặc hơn. Gamut REC. 2020 lớn hơn và bao gồm gamut P3.
Ví dụ
HTML
<p>Đây là một bài kiểm tra.</p>
CSS
p {
padding: 10px;
border: solid;
}
@media (color-gamut: srgb) {
p {
background: #f4ae8a;
}
}
Kết quả
Đặc tả
| Thông số kỹ thuật |
|---|
| Media Queries Level 4 # color-gamut |
Tương thích trình duyệt
Xem thêm
- Hàm
color()để chỉ định màu trong một không gian màu xác định. - Module CSS colors
- At-rule
@mediađược dùng để chỉ định biểu thức color-gamut. - Sử dụng media queries để hiểu khi nào và cách sử dụng truy vấn media.
- Module CSS media queries
- sRGB trên Wikipedia