فنction hypot() در CSS

تعریف و استفاده

CSS hypot() فنction مقدار مربع واریانس پارامترها را بازمی‌گرداند.

مقدار بازگشتی با استفاده از فرمول sqrt(x1*x1 + x2*x2 + x3*x3 .... xn*xn) محاسبه می‌شود.

hypot() فنction پذیرای مقادیر با واحد است، اما همه مقادیر باید دارای واحد یکسان باشند.

مثال

استفاده از 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, ...)

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این فنction را پشتیبانی می‌کند.

صفحات مرتبط

ارجاع به:فنction acos() در CSS

ارجاع به:فنction asin() در CSS

ارجاع به:فنction atan2() در CSS

ارجاع به:فنction calc() در CSS

ارجاع به:فنction cos() در CSS

ارجاع به:فنction exp() در CSS

ارجاع به:فنction hypot() در CSS

ارجاع به:فنction log() در CSS

ارجاع به:فنction mod() در CSS

ارجاع به:فنction pow() در CSS

ارجاع به:توابع sin() CSS

ارجاع به:توابع sqrt() CSS

ارجاع به:توابع tan() CSS