color
語法
color 特性被指定為一個 <integer> 值，表示輸出裝置的每個顏色分量（紅、綠、藍）的位數。如果裝置不是彩色裝置，則該值為零。它是一個範圍特性，這意味著你也可以使用帶字首的 min-color 和 max-color 變體來分別查詢最小值和最大值。
注意：如果各個顏色分量由不同位數的位表示，則使用最小的位數。例如，如果顯示器對藍色和紅色使用 5 位，對綠色使用 6 位，那麼該裝置被認為每個顏色分量使用 5 位。如果裝置使用索引顏色，則使用顏色表中每個顏色分量的最小位數。
請參閱 使用 CSS 為 HTML 元素應用顏色，瞭解更多關於如何使用 CSS 為 HTML 應用顏色的資訊。
示例
HTML
html
<p>
This text should be black on non-color devices, red on devices with a low
number of colors, and greenish on devices with a high number of colors.
</p>
CSS
css
p {
color: black;
}
/* Any color device */
@media (color) {
p {
color: red;
}
}
/* Any color device with at least 8 bits per color component */
@media (min-color: 8) {
p {
color: #24ba13;
}
}
結果
規範
| 規範 |
|---|
| 媒體查詢第 4 級 # color |
瀏覽器相容性
載入中…