فونكشن CSS log()

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

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

دعم المتصفح

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

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

صفحة المراجعة

مراجعه:فونكشن CSS acos()

مراجعه:فونكشن CSS asin()

مراجعه:فونكشن CSS atan()

مراجعه:فونكشن CSS atan2()

مراجعه:فونكشن CSS calc()

مراجعه:فونكشن CSS cos()

مراجعه:فونكشن CSS exp()

مراجعه:فونكشن CSS hypot()

مراجعه:فونكشن CSS mod()

مراجعه:فونكشن CSS pow()

مراجعه:فونكشن CSS sin()

مراجعه:функسیون sqrt() CSS

مراجعه:функسیون tan() CSS