color
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
语法
color 特性被指定为 <integer> 值，用于表示输出设备每个颜色分量（红、绿、蓝）的位数。如果设备不是彩色设备，该值为 0。它属于范围特性，这意味着你还可以使用带前缀的 min-color 和 max-color 变体，分别用于查询最小值和最大值。
备注： 如果各个颜色分量由不同的位数表示，则取其中最小的位数。例如，如果显示器对蓝色和红色使用 5 位，而对绿色使用 6 位，那么该设备被视为每个颜色分量使用 5 位。如果设备使用索引颜色，则取颜色表中每个颜色分量的最小位数。
请参阅使用 CSS 为 HTML 元素应用颜色以进一步了解如何使用 CSS 为 HTML 应用颜色。
示例
HTML
html
<p>
这段文字在非彩色设备上应显示为黑色，在低色彩数的设备上应显示为红色，而在高色彩数的设备上应显示为绿色调。
</p>
CSS
css
p {
color: black;
}
/* 任意彩色设备 */
@media (color) {
p {
color: red;
}
}
/* 任意彩色设备，且每个颜色分量至少有 8 位 */
@media (min-color: 8) {
p {
color: #24ba13;
}
}
结果
规范
| Specification |
|---|
| Media Queries Level 4 # color |
浏览器兼容性
Loading…