فنکشن sqrt() CSS

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

CSS sqrt() فنکشن بازگشتی ریشه مربع عدد را برمی‌گرداند.

مثال

در calc() در فنکشن sqrt() برای تنظیم عرض و ارتفاع سه عنصر <div> استفاده کنید:

div.a {
  width: calc(50پیکسل * sqrt(16)); /* 200پیکسل */
  height: calc(50پیکسل * sqrt(9)); /* 150پیکسل */
  background-color: زرد قهوه‌ای;
  margin-bottom: 25پیکسل;
}
div.b {
  width: calc(20پیکسل * sqrt(16)); /* 80پیکسل */
  height: calc(20پیکسل * sqrt(9)); /* 60پیکسل */
  background-color: سبز;
  margin-bottom: 25پیکسل;
}
div.c {
  width: calc(60پیکسل * sqrt(16)); /* 240پیکسل */
  height: calc(60پیکسل * sqrt(9)); /* 180پیکسل */
  background-color: قرمز کبود;
}

آزمایش کنید

آموزش CSS

sqrt(ایکس)

جزئیات فنی

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

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

صفحات مرتبط

مطالبه:CSS اٹن(ایک)() فنکشن

مطالبه:CSS اٹن(ایس)() فنکشن

مطالبه:CSS اٹن() فنکشن

مطالبه:CSS اٹن2() فنکشن

مطالبه:CSS کالک() فنکشن

مطالبه:CSS کوس() فنکشن

مطالبه:CSS ایکسپ() فنکشن

مطالبه:CSS هائپوت() فنکشن

مطالبه:CSS لوگ() فنکشن

مطالبه:CSS mod() فنکشن

مطالبه:CSS sin() فنکشن

مطالبه:CSS tan() فنکشن