属性 color-scheme CSS

Definisi dan penggunaan

color-scheme Atribut menunjukkan skema warna sistem operasi mana yang harus digunakan untuk mengantung 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 untuk 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 digantung dengan skema warna baku sistem operasi
cerah Elemen dapat digantung dengan skema warna cerah sistem operasi
gelap Elemen dapat digantung dengan skema warna gelap sistem operasi
hanya cerah

Elemen harus digantung hanya dengan skema warna cerah sistem operasi.

Larang pereksa untuk menimpa skema warna elemen ini.
hanya gelap

Elemen harus digantung hanya dengan skema warna gelap sistem operasi.

Larang pereksa untuk menimpa skema warna elemen ini.
cerah gelap Elemen dapat digantung warna skema cerah atau gelap sistem operasi (tergantung pengaturan pengguna)

Detil teknologi

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

Pendukung pereksa

Angka di dalam tabel menunjukkan versi paling awal browser yang sepenuhnya mendukung sifat ini.

Chrome Edge Firefox Safari Opera
81 81 96 13 68