وظيفة sqrt() CSS

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

وظيفة 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)
القيمة الوصف
x مطلوب. عدد أكبر من أو يساوي 0.

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

الإصدار: CSS4

دعم المتصفح

الرقم في الجدول يمثل إصدار المتصفح الذي يدعم الوظيفة لأول مرة.

كروم إدج فايرفوكس سفاري أوبرا
120 120 118 15.4 106

صفحات ذات صلة

المرجع:وظيفة acos() CSS

المرجع:وظيفة asin() CSS

المرجع:وظيفة atan() CSS

المرجع:وظيفة atan2() CSS

المرجع:وظيفة calc() CSS

المرجع:وظيفة cos() CSS

المرجع:وظيفة exp() CSS

المرجع:وظيفة hypot() CSS

المرجع:وظيفة log() CSS

المرجع:دالة CSS mod()

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

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