فنكشن CSS pow()

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

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

دعم المتصفح

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

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

الصفحات ذات الصلة

Manzarta:فنكشن CSS acos()

Manzarta:فنكشن CSS asin()

Manzarta:فنكشن CSS atan()

Manzarta:فنكشن CSS atan2()

Manzarta:فنكشن CSS calc()

Manzarta:فنكشن CSS cos()

Manzarta:فنكشن CSS exp()

Manzarta:فنكشن CSS hypot()

Manzarta:فنكشن CSS log()

Manzarta:فنكشن CSS mod()

Manzarta:Fonkili sin() CSS

Manzarta:Fonkili tan() CSS