دالة hypot() الخاصة بلغة CSS

التعريف والاستخدام

في CSS hypot() الوظيفة تعود بالقيمة الجذر التربيعية لجمع مربعات المعلمات.

القيمة العائدة تحسب عبر الصيغة 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, ...)

تفاصيل التقنية

دعم المستعرض

الرقم في الجدول يعني إصدار المستعرض الأول الذي يدعم هذه الدالة بالكامل.

صفحات المرتبطة

المرجع:دالة acos() الخاصة بلغة CSS

المرجع:دالة asin() الخاصة بلغة CSS

المرجع:دالة atan2() الخاصة بلغة CSS

المرجع:دالة calc() الخاصة بلغة CSS

المرجع:دالة cos() الخاصة بلغة CSS

المرجع:دالة exp() الخاصة بلغة CSS

المرجع:دالة hypot() الخاصة بلغة CSS

المرجع:دالة log() الخاصة بلغة CSS

المرجع:دالة mod() الخاصة بلغة CSS

المرجع:دالة pow() الخاصة بلغة CSS

المرجع:دالة sin() في CSS

المرجع:دالة sqrt() في CSS

المرجع:دالة tan() في CSS