CSS ระบุ color-scheme

การประกาศและการใช้งาน

color-scheme คุณสมบัตินี้บอกว่าองค์ประกอบควรใช้โครงสร้างสีของระบบปฏิบัติการอย่างไรเพื่อการแสดงผล

ตัวเลือกที่ติดอินทรียวของโครงสร้างสีของระบบปฏิบัติการคือ "light" (สีสว่าง) และ "dark" (สีมืด) หรือ "day mode" (โมดุลหรือระยะเวลาที่วันนี้) และ "night mode" (โมดุลหรือระยะเวลาที่คืน)

ตัวอย่าง

ตั้งทั้งหมดของหน้าเว็บเป็นโครงสร้างสีมืด:

:root {
  color-scheme: dark;
}

ลองทดลองเอง

การเขียนภาษา CSS

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

ค่าคุณสมบัติ

รายละเอียดเทคนิค

การสนับสนุนเบราเซอร์

ตารางจากนี้มีตัวเลขที่แสดงรุ่นการใช้งานของเบราเซอร์ที่สนับสนุนอย่างเต็มที่ของคุณะนี้。