color-scheme
Misol
Butun sahifani qorong‘i rang sxemasiga o‘tkazing:
:root {
color-scheme: dark;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
color-scheme xususiyati element operatsion tizimning qaysi rang sxemasi bilan render qilinishi kerakligini ko‘rsatadi.
Operatsion tizim rang sxemalari uchun keng tarqalgan tanlovlar — "light" (yorug‘) va "dark" (qorong‘i) yoki "kunduzgi rejim" va "tungi rejim".
| Standart qiymat: | normal |
|---|---|
| Meros qilinadi: | ha |
| Versiya: | CSS Color Adjustment moduli, 1-daraja |
| JavaScript sintaksisi: |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| color-scheme | 81 | 81 | 96 | 13 | 68 |
CSS sintaksisi
color-scheme: normal|light|dark|only light|only dark|light dark;
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| normal | Element operatsion tizimning standart rang sxemasi bilan render qilinishi mumkin |
| light | Element operatsion tizimning yorug‘ rang sxemasi bilan render qilinishi mumkin |
| dark | Element operatsion tizimning qorong‘i rang sxemasi bilan render qilinishi mumkin |
| only light | Element faqat operatsion tizimning yorug‘ rang sxemasi bilan render qilinishi kerak. Brauzerga element uchun rang sxemasini o‘zgartirishni taqiqlaydi |
| only dark | Element faqat operatsion tizimning qorong‘i rang sxemasi bilan render qilinishi kerak. Brauzerga element uchun rang sxemasini o‘zgartirishni taqiqlaydi |
| light dark | Element operatsion tizimning yorug‘ yoki qorong‘i rang sxemasi bilan render qilinishi mumkin (foydalanuvchi sozlamalariga bog‘liq) |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!