CSS color-scheme అట్రిబ్యూట్

నిర్వచనం మరియు ఉపయోగం

color-scheme అంశం వినియోగదారు కలర్ స్కీమ్ను ఉపయోగించాలి అని సూచిస్తుంది.

ఆపరేటింగ్ సిస్టమ్ కలర్ స్కీమ్లలో సాధారణంగా "లైట్" (లైట్) మరియు "డార్క్" (డార్క్), లేదా "డే మోడ్" (రోజు మోడ్) మరియు "నైట్ మోడ్" (రాత్రి మోడ్) అనేవి ఉంటాయి.

ఉదాహరణ

మొత్తం పేజీని డార్క్ కలర్ స్కీమ్ను చేయండి:

:root {
  color-scheme: dark;
}

స్వయంగా ప్రయోగించండి

CSS సంకేతాలు

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

అంశం విలువ

విలువ వివరణ
సాధారణ ఎలిమెంట్స్ వినియోగదారు అప్రమేయ కలర్ స్కీమ్ను వాడవచ్చు
లైట్ ఎలిమెంట్స్ వినియోగదారు లైట్ కలర్ స్కీమ్ను వాడవచ్చు
డార్క్ ఎలిమెంట్స్ వినియోగదారు డార్క్ కలర్ స్కీమ్ను వాడవచ్చు
మాత్రమే లైట్

ఎలిమెంట్స్ మాత్రమే వినియోగదారు లైట్ కలర్ స్కీమ్ను వాడవచ్చు.

బ్రౌజర్ అన్ని ఎలిమెంట్స్ కలర్ స్కీమ్ను కప్పడానికి నిషేధించవచ్చు.

మాత్రమే డార్క్

ఎలిమెంట్స్ మాత్రమే వినియోగదారు డార్క్ కలర్ స్కీమ్ను వాడవచ్చు.

బ్రౌజర్ అన్ని ఎలిమెంట్స్ కలర్ స్కీమ్ను కప్పడానికి నిషేధించవచ్చు.

లైట్ డార్క్ కూడా ఎలిమెంట్స్ వినియోగదారు అడ్జషన్లను కలిగిన కలర్ స్కీమ్లను వాడవచ్చు (వినియోగదారు అడ్జషన్లకు ఆధారపడి ఉంటుంది)

సాంకేతిక వివరాలు

అప్రమేయ విలువ: సాధారణ
పారంపర్యం: అవును
వెర్షన్: CSS కలర్ అడజషన్ మాడ్యూల్ లెవల్ 1
జావాస్క్రిప్ట్ సంకేతాలు:

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు అన్ని అంశాలను పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ వెర్షన్ను సూచిస్తాయి.

Chrome Edge Firefox Safari Opera
81 81 96 13 68