توابع 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