وظيفة 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