CSS hypot() ఫంక్షన్

ముందుకు పేజీ CSS hwb() ఫంక్షన్
తదుపరి పేజీ CSS inset() ఫంక్షన్
పైకి తిరిగి సిఎస్ఎస్ ఫంక్షన్ రిఫరెన్స్ హాండ్బుక్

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

CSS యొక్క hypot() ఫంక్షన్ దాని పరామితుల క్వాడ్రాటిక్ సమానాని స్క్వేర్ రooth అనునది తిరిగి చేస్తుంది.

ఫంక్షన్ పరామితుల క్వాడ్రాటిక్ సమానాన్ని గణిస్తుంది. sqrt(x1*x1 + x2*x2 + x3*x3 .... xn*xn)

hypot() ఫంక్షన్ దాని పరామితులను యూనిట్లు కలిగిన విలువలను అంగీకరిస్తుంది, కానీ అన్ని విలువలకు యూనిట్లు ఉండాలి.

ఉదాహరణ

ఉపయోగించండి hypot() అంశం వెడల్పును అమర్చండి:

div.a {
  width: hypot(80px); /* 80px */
}
div.b {
  width: hypot(40px, 80px); /* 89,44px */
}
div.c {
  width: hypot(40px, 80px, 100px); /* 134,16 */
}
div.d {
  width: hypot(40px, 80px, 100px, 120px); /* 180 */
}
div.e {
  width: hypot(10%, 20%, 40%); /* 45,82% */
}

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

CSS సంకేతాలు

hypot(x1, x2, x3, ...)

విలువ	వివరణ
x1, x2, x3, ...	అవసరమైనది. ఒకటి లేదా అంతకన్నా ఎక్కువ విలువలను కామస్ సేపరేటర్ ద్వారా వేరు చేయండి.