עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolor-adjustcolor-interpolationcolor-interpolation-filterscolor-schemecolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
color-scheme CSS Property
The color-scheme property declares which color schemes the element supports — light, dark, or both. Affects UA defaults (form controls, scrollbars) and determines which color light-dark() picks. Essential for dark mode support.
:root {
color-scheme: light dark;
}
.widget {
color-scheme: only dark;
background: light-dark(white, black);
color: light-dark(black, white);
}
normalThe default value. Color scheme matches UA default.lightIndicates support for light scheme.darkIndicates support for dark scheme.onlyForbids UA override (e.g. by extensions).
CSS Color Adjustment Module Level 1
Candidate Recommendation Snapshot
W3CMDN
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext