CSS var() ఫంక్షన్

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

CSS యొక్క var() ఫంక్షన్ సిఎస్ఎస్ విలువలను ప్రవేశపెట్టడానికి ఉపయోగించబడుతుంది.

ఇన్స్టాన్స్

ఉదాహరణ 1

మొదటగా, --main-bg-color అనే పేరుతో గ్లోబల్ వేరు వేరు అనునామవారు ప్రకటించండి, ఆపై షేట్లో ఉపయోగించండి var() ఫంక్షన్ దాని విలువను ప్రవేశపెట్టే ఉదాహరణ:

:root {
  --main-bg-color: coral;
}
#div1 {
  background-color: var(--main-bg-color);
}
#div2 {
  background-color: var(--main-bg-color);
}

నేను ప్రయత్నించండి

ఉదాహరణ 2

మరొక ఉపయోగం var() పలు CSS వేరు వేరు విలువలను ప్రవేశపెట్టే ఫంక్షన్ ఉదాహరణ:

:root {
  --main-bg-color: coral;
  --main-txt-color: blue;
  --main-padding: 15px;
}
#div1 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
}
#div2 {
  background-color: var(--main-bg-color);
  color: var(--main-txt-color);
  padding: var(--main-padding);
}

నేను ప్రయత్నించండి

CSS సంకేతాలు

var(--name, value)
విలువ వివరణ
--name అవసరం. వేరు వేరు అనునామవారు (రెండు కరస్సులతో మొదలవుతుంది).
value ఎంపికాత్మకం. ప్రత్యామ్నాయ విలువ (వేరు వేరు అనునామవారు లేకపోయినప్పుడు ఉపయోగించబడుతుంది).

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

వెర్షన్ అంచనా: CSS3

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

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

Chrome Edge Firefox Safari Opera
49 15 31 9.1 36

సంబంధిత పేజీలు

శిక్షణం:CSS వేరియబుల్స్