CSS color-scheme 屬性
- 上一頁 color
- 下一頁 column-count
定義和用法
color-scheme 屬性指示元素應該使用哪個操作系統顏色方案進行渲染。
操作系統顏色方案的常見選擇是 "light"（淺色）和 "dark"（深色），或 "day mode"（日間模式）和 "night mode"（夜間模式）。
實例
將整個頁面設置為深色顏色方案：
:root {
color-scheme: dark;
}
CSS 語法
color-scheme: normal|light|dark|only light|only dark|light dark;
屬性值
| 值 | 描述 |
|---|---|
| normal | 元素可以使用操作系統的默認顏色方案進行渲染 |
| light | 元素可以使用操作系統的淺色顏色方案進行渲染 |
| dark | 元素可以使用操作系統的深色顏色方案進行渲染 |
| only light |
元素應該僅使用操作系統的淺色顏色方案進行渲染。 禁止瀏覽器覆蓋該元素的顏色方案。 |
| only dark |
元素應該僅使用操作系統的深色顏色方案進行渲染。 禁止瀏覽器覆蓋該元素的顏色方案。 |
| light dark | 元素可以使用操作系統的淺色或深色顏色方案進行渲染（取決于用戶的設置） |
技術細節
| 默認值： | normal |
|---|---|
| 繼承性： | yes |
| 版本： | CSS Color Adjustment Module Level 1 |
| JavaScript 語法： |
瀏覽器支持
表格中的數字表示首個完全支持該屬性的瀏覽器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 81 | 81 | 96 | 13 | 68 |
- 上一頁 color
- 下一頁 column-count
