<meta name="color-scheme">

Ghi chú sử dụng

Một phần tử <meta name="color-scheme"> có các thuộc tính bổ sung sau:

content

Một phần tử <meta> với name=color-scheme phải có thuộc tính content xác định bảng màu dưới dạng giá trị CSS color-scheme. Thuộc tính content có thể là một trong những giá trị sau:

normal

Tài liệu không nhận biết về các bảng màu và nên được hiển thị bằng bảng màu mặc định.

light, dark, light dark, dark light

Một hoặc nhiều bảng màu được tài liệu hỗ trợ. Nhiều bảng màu chỉ ra rằng bảng màu đầu tiên được tài liệu ưu tiên, nhưng bảng màu thứ hai được chấp nhận nếu người dùng ưu tiên nó. Chỉ định cùng một bảng màu nhiều lần có tác dụng tương đương với việc chỉ định nó một lần.

only light

Chỉ ra rằng tài liệu chỉ hỗ trợ chế độ sáng, với màu nền sáng và màu nền trước tối. only dark không hợp lệ, vì việc buộc một tài liệu hiển thị ở chế độ tối khi không tương thích có thể dẫn đến nội dung không đọc được và tất cả các trình duyệt lớn mặc định ở chế độ sáng nếu không được cấu hình khác.

media Optional

Bất kỳ loại phương tiện hoặc truy vấn hợp lệ nào. Nếu được cung cấp, các tùy chọn cho bảng màu của tài liệu được xác định trong thuộc tính content được đề xuất với trình duyệt khi media query khớp. Điều này hữu ích nhất cho tính năng CSS media prefers-color-scheme.

Ví dụ

Sử dụng từ khóa color-scheme

Ví dụ sau đây cho biết với trình duyệt rằng trang hỗ trợ cả chủ đề sáng và tối. Việc sử dụng bảng màu sáng hay tối phụ thuộc vào tùy chọn của người dùng, chẳng hạn như cài đặt cấp độ hệ điều hành hoặc cài đặt trình duyệt:

<meta name="color-scheme" content="light dark" />

Thông số kỹ thuật

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

Xem thêm

• Thuộc tính CSS color-scheme
• Media query prefers-color-scheme