color-index

可用性有限

此特性不是基線特性，因為它在一些最廣泛使用的瀏覽器中不起作用。

color-index CSS 媒體特性可用於測試輸出裝置的顏色查詢表中的條目數量。

語法

color-index 特性被指定為一個 <integer> 值，表示輸出裝置的顏色查詢表中的條目數量。（如果裝置不使用此類表，則此值為零。）它是一個範圍特性，這意味著你也可以使用帶有字首的 min-color-index 和 max-color-index 變體來分別查詢最小值和最大值。

示例

基本示例

HTML

html

<p>This is a test.</p>

CSS

css

p {
  color: black;
}

@media (color-index) {
  p {
    color: red;
  }
}

@media (min-color-index: 15000) {
  p {
    color: #1475ef;
  }
}

結果

自定義樣式表

此 HTML 將為至少有 256 種顏色的裝置應用特殊樣式表。

html

<link rel="stylesheet" href="http://foo.bar.com/base.css" />
<link
  rel="stylesheet"
  media="(color-index >= 256)"
  href="http://foo.bar.com/color-stylesheet.css" />

規範

規範
媒體查詢第 4 級 # color-index

瀏覽器相容性

另見

幫助改進 MDN

瞭解如何貢獻

本頁面最後由 MDN 貢獻者在 2025 年 7 月 14 日修改。

在 GitHub 上檢視此頁面 • 報告此內容問題