Properti color-scheme CSS

Definisi dan penggunaan

color-scheme Atribut menunjukkan skema warna sistem operasi mana yang harus digunakan untuk menggantikan elemen.

Pilihan skema warna sistem operasi yang biasa adalah "cerah" (cerah) dan "gelap" (gelap), atau "mode hari" (mode siang) dan "mode malam" (mode malam).

Contoh

Atur seluruh halaman menjadi skema warna gelap:

:root {
  color-scheme: gelap;
}

Coba sendiri

Sintaksis CSS

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

Nilai atribut

Nilai Deskripsi
normal Elemen dapat digantikan dengan skema warna baku sistem operasi
cerah Elemen dapat digantikan dengan skema warna cerah sistem operasi
gelap Elemen dapat digantikan dengan skema warna gelap sistem operasi
hanya cerah

Elemen harus digantikan hanya dengan skema warna cerah sistem operasi.

Larang browser untuk menimpa skema warna elemen ini.
hanya gelap

Elemen harus digantikan hanya dengan skema warna gelap sistem operasi.

Larang browser untuk menimpa skema warna elemen ini.
cerah gelap Elemen dapat digantikan dengan skema warna cerah atau gelap sistem operasi (tergantung aturan pengguna)

Detil teknis

Nilai default: normal
Inheritsi: ya
Versi: Modul Pengaturan Warna CSS Level 1
Sintaksis JavaScript:

Dukungan browser

Angka di tabel menunjukkan versi browser yang pertama yang sepenuhnya mendukung atribut ini.

Chrome Edge Firefox Safari Opera
81 81 96 13 68