فункциون 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

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

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

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

صفحات مرتبط

منابع:فункциون acos() در CSS

منابع:فункциون asin() در CSS

منابع:فункциون atan() در CSS

منابع:فункциون atan2() در CSS

منابع:فункциون calc() در CSS

منابع:فункциون cos() در CSS

منابع:فункциون exp() در CSS

منابع:فункциون hypot() در CSS

منابع:فункциون log() در CSS

منابع:توابع mod() CSS

منابع:توابع sin() CSS

منابع:توابع tan() CSS