وظيفة log() CSS

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

وظيفة CSS log() الوظيفة تعود باللوغاريتم الطبيعي للرقم المحدد (بقاعدة E) أو باللوغاريتم للمحدد.

الرقم الطبيعي E (2.718281828459045) هو قاعدة الحساب اللوغاريتمي الطبيعي.

مثال

استخدام log() حساب العرض:

div.a {
  width: calc(log(50, 10) * 30px);
}
div.b {
  width: calc(log(500) * 30px);
}
div.c {
  width: calc(log(1000) * 30px);
}
div.d {
  width: calc(log(10000, 10) * 30px);
}
div.e {
  width: calc(log(50000, 10) * 30px);
}

تجربة شخصية

اللغة CSS

log(number, base)
القيمة الوصف
number مطلوب. تحديد الرقم أو القيمة الذي سيتم حساب اللوغاريتم له.
base اختياري. تحديد قاعدة الحساب اللوغاريتمي. القيمة الافتراضية هي E (2.718281828459045).

تفاصيل التقنية

الإصدار: 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

المرجع:وظيفة mod() CSS

المرجع:وظيفة pow() CSS

المرجع:وظيفة sin() CSS

المرجع:دالة sqrt() CSS

المرجع:دالة tan() CSS