CSS color-scheme 属性

Paglilinang at paggamit

color-scheme Ang katangian ay nagtutukoy kung anong operasyon system color scheme ang dapat gamitin ng elemento para sa pagpipinta.

Ang pangkaraniwang piniling color scheme ng operasyon system ay "light" (liwanag) at "dark" (malamig), o "day mode" (araw na paraan) at "night mode" (gabi na paraan).

Halimbawa

I-set ang buong pahina sa malamig na kulay ng color scheme:

:root {
  color-scheme: dark;
}

Subukan nang personal

Syntax ng CSS

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

Halaga ng katangian

Halaga Paglalarawan
normal Ang elemento ay maaaring gamitin ang default na kulay ng color scheme ng operasyon system para sa pagpipinta
light Ang elemento ay maaaring gamitin ang liwanag na kulay ng color scheme ng operasyon system para sa pagpipinta
dark Ang elemento ay maaaring gamitin ang malamig na kulay ng color scheme ng operasyon system para sa pagpipinta
only light

Ang elemento ay dapat lamang gamitin ang liwanag na kulay ng color scheme ng operasyon system para sa pagpipinta.

Pinagbawalan ang browser na pag-overlay ang kulay ng color scheme ng elemento.
only dark

Ang elemento ay dapat lamang gamitin ang malamig na kulay ng color scheme ng operasyon system para sa pagpipinta.

Pinagbawalan ang browser na pag-overlay ang kulay ng color scheme ng elemento.
light dark Ang elemento ay maaaring gamitin ang liwanag o malamig na kulay ng color scheme ng operasyon system para sa pagpipinta ( depende sa setting ng user)

Teknikal na detalye

Default value: normal
Inheritance: yes
Bersyon: CSS Color Adjustment Module Level 1
Syntax ng JavaScript:

Suporta ng browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian.

Chrome Edge Firefox Safari Opera
81 81 96 13 68