CSS sqrt() ఫంక్షన్

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

CSS యొక్క sqrt() ఫంక్షన్ సంఖ్యను పునఃచరిత్రిస్తుంది.

ఉదాహరణ

లో calc() ఫంక్షన్ లో ఉపయోగించబడుతుంది sqrt() మూడు <div> ఎలమెంట్స్ యొక్క వెడల్పు మరియు ప్రాంతాన్ని అమర్చండి:

div.a {
  width: calc(50px * sqrt(16)); /* 200px */
  height: calc(50px * sqrt(9)); /* 150px */
  background-color: salmon;
  margin-bottom: 25px;
}
div.b {
  width: calc(20px * sqrt(16)); /* 80px */
  height: calc(20px * sqrt(9)); /* 60px */
  background-color: green;
  margin-bottom: 25px;
}
div.c {
  width: calc(60px * sqrt(16)); /* 240px */
  height: calc(60px * sqrt(9)); /* 180px */
  background-color: maroon;
}

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

CSS సంకేతసంకలనం

sqrt(x)

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

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

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

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

సూచనలు:CSS acos() ఫంక్షన్

సూచనలు:CSS asin() ఫంక్షన్

సూచనలు:CSS atan() ఫంక్షన్

సూచనలు:CSS atan2() ఫంక్షన్

సూచనలు:CSS calc() ఫంక్షన్

సూచనలు:CSS cos() ఫంక్షన్

సూచనలు:CSS exp() ఫంక్షన్

సూచనలు:CSS hypot() ఫంక్షన్

సూచనలు:CSS log() ఫంక్షన్

సూచనలు:CSS mod() 函数

సూచనలు:CSS sin() 函数

సూచనలు:CSS టాన్() ఫంక్షన్