CSS color-scheme özelliği

Tanım ve Kullanım

color-scheme Özellik, elementin hangi işletim sistemleri renk planını kullanarak render edeceğine karar verir.

İşletim sisteminin renk planlarının yaygın seçimleri "ağır" (ağır) ve "koyu" (koyu), veya "gün modu" (gün modu) ve "gece modu" (gece modu)dır.

Örnek

Tüm sayfayı koyu renk planına ayarlayın:

:root {
  color-scheme: koyu;
}

Kişisel Deneyim

CSS Dilbilgisi

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

Özellik Değeri

Değer Açıklama
normal Element, işletim sisteminin varsayılan renk planını kullanarak render edilebilir
ağır Element, işletim sisteminin açık renk planını kullanarak render edilebilir
koyu Element, işletim sisteminin koyu renk planını kullanarak render edilebilir
sadece açık

Element, sadece işletim sisteminin açık renk planını kullanarak render edilmelidir.

Tarayıcı, bu元素的 renk planını geçersiz kılmayı yasaklar.
sadece koyu

Element, sadece işletim sisteminin koyu renk planını kullanarak render edilmelidir.

Tarayıcı, bu元素的 renk planını geçersiz kılmayı yasaklar.
açık koyu Element, işletim sisteminin açık veya koyu renk planını kullanarak render edilebilir (kullanıcının ayarlarına bağlıdır).

Teknik Ayrıntılar

Varsayılan Değer: normal
Miras Alanı: evet
Sürüm: CSS Color Adjustment Module Level 1
JavaScript Dilbilgisi:

Tarayıcı Desteği

Tabloda bulunan rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Chrome Edge Firefox Safari Opera
81 81 96 13 68