توابع pow() در CSS

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

CSS pow() این توابع مقدار یک عدد (x) به توان یک عدد دیگر (y) را برمی‌گرداند (یعنی X^y)

مثال

استفاده از pow() تنظیم اندازه متن در عناصر <div> مختلف:

div.a {
  font-size: calc(18px * pow(1.5, 2));
}
div.b {
  font-size: calc(18px * pow(1.5, 1));
}
div.c {
  font-size: calc(18px * pow(1.5, 0));
}
div.d {
  font-size: calc(18px * pow(1.5, -1));
}

آزمایش کنید

نحوه استفاده از CSS

pow(x, y)
مقدار توضیحات
x ضروری. یک عدد (مقدار پایه).
y ضروری. یک عدد (مقدار صعودی).

جزئیات فنی

نسخه: 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