CSS calc() ఫంక్షన్

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

CSS యొక్క calc() ఫంక్షన్ గణనను నిర్వహించి, ఫలితాన్ని అటువంటి అనునందనంగా వాడతారు.

ఉదాహరణ

ఉపయోగించండి calc() డివ్ ఐని వెడల్పును గణించండి:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}

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

CSS సంకేతాలు

calc(expression)
మూల్యం వివరణ
expression

అవసరమైనది. మూల్యాన్ని వాడటానికి ఉపయోగించే మాథ్మాతిక అభ్యాసం.

కింది ఆపరేటర్లను ఉపయోగించవచ్చు: +, -, *, /.

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

వెర్షన్: CSS3

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

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
26 9 16 7 15

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

参考:CSS acos() ఫంక్షన్

参考:CSS asin() ఫంక్షన్

参考:CSS atan() ఫంక్షన్

参考:CSS atan2() ఫంక్షన్

参考:CSS cos() ఫంక్షన్

参考:CSS exp() ఫంక్షన్

参考:CSS hypot() ఫంక్షన్

参考:CSS log() ఫంక్షన్

参考:CSS mod() ఫంక్షన్

参考:CSS pow() ఫంక్షన్

参考:CSS sin() 函数

参考:CSS sqrt() 函数

参考:CSS tan() 函数