color-index

Cú pháp

Tính năng color-index được chỉ định dưới dạng giá trị <integer> biểu thị số lượng mục trong bảng tra cứu màu sắc của thiết bị đầu ra. (Giá trị này bằng 0 nếu thiết bị không sử dụng bảng như vậy.) Đây là tính năng phạm vi, nghĩa là bạn cũng có thể dùng các biến thể có tiền tố min-color-index và max-color-index để truy vấn giá trị nhỏ nhất và lớn nhất tương ứng.

Ví dụ

Ví dụ cơ bản

HTML

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

CSS

p {
  color: black;
}

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

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

Kết quả

Stylesheet tùy chỉnh

HTML này sẽ áp dụng một stylesheet đặc biệt cho các thiết bị có ít nhất 256 màu.

<link rel="stylesheet" href="https://cdn.example.com/base.css" />
<link
  rel="stylesheet"
  media="(color-index >= 256)"
  href="https://cdn.example.com/color-stylesheet.css" />

Đặc tả

Tương thích trình duyệt

Xem thêm

• Sử dụng Media Queries
• @media