Thuộc tính color-scheme CSS

Định nghĩa và cách sử dụng

color-scheme Thuộc tính chỉ định phần tử nên sử dụng mô hình màu hệ điều hành nào để hiển thị.

Lựa chọn phổ biến của mô hình màu hệ điều hành là "sáng" (màu sáng) và "tối" (màu tối), hoặc "chế độ ngày" (chế độ ngày) và "chế độ đêm" (chế độ đêm).

Mô hình

Đặt toàn bộ trang thành mô hình màu tối:

:root {
  color-scheme: dark;
}

Thử ngay

Ngữ pháp CSS

color-scheme: normal|light|dark|only light|only dark|light dark;

Giá trị thuộc tính

Giá trị Mô tả
Thông thường Phần tử có thể được hiển thị bằng mô hình màu mặc định của hệ điều hành
sáng Phần tử có thể được hiển thị bằng mô hình màu sáng của hệ điều hành
tối Phần tử có thể được hiển thị bằng mô hình màu tối của hệ điều hành
chỉ sáng

Phần tử nên chỉ sử dụng mô hình màu sáng của hệ điều hành để hiển thị.

Chặn trình duyệt che phủ mô hình màu của phần tử.
chỉ tối

Phần tử nên chỉ sử dụng mô hình màu tối của hệ điều hành để hiển thị.

Chặn trình duyệt che phủ mô hình màu của phần tử.
sáng tối Phần tử có thể được hiển thị bằng mô hình màu sáng hoặc tối của hệ điều hành (tùy thuộc vào thiết lập của người dùng)

Chi tiết kỹ thuật

Giá trị mặc định: Thông thường
Thừa kế: Có
Phiên bản: Module Điều chỉnh Màu sắc CSS Cấp 1
Ngữ pháp JavaScript:

Hỗ trợ trình duyệt

Số liệu trong bảng biểu thị phiên bản trình duyệt đầu tiên hoàn toàn hỗ trợ thuộc tính đó.

Chrome Edge Firefox Safari Opera
81 81 96 13 68