css color color-scheme

✔️ color-scheme CSS Style Property

המאפיין color-scheme מאפשר לאלמנט לציין באילו ערכות צבעים ניתן להציג אותו בנוחות.

האפשרויות הנפוצות עבור ערכות צבע של מערכת ההפעלה הן "בהיר" ו"כהה", או "מצב יום" ו"מצב לילה". כאשר משתמש בוחר באחת מסכימות הצבעים הללו, מערכת ההפעלה מבצעת התאמות לממשק המשתמש. זה כולל פקדי טפסים, פסי גלילה והערכים המשומשים של צבעי מערכת CSS

דוגמא: הגדרת ערכת צבעים

Demo Panel:

Lorem ipsum dolor sit amet

CSS: 111
HTML: 222
Syntax:

Valid values:
  • normal, light, dark, light dark, light only, dark only, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.colorScheme

תאימות דפדפנים

color-scheme
הערך שנבדקChromeFirefoxEdgeCOpera
only light✔️✔️✔️✔️
normal✔️✔️✔️✔️
light✔️✔️✔️✔️
dark✔️✔️✔️✔️
light dark✔️✔️✔️✔️
light only✔️✔️✔️✔️
dark only✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️