Функция 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

Поддержка браузеров

Числа в таблице представляют собой версии первых браузеров, полностую поддерживающих эту функцию.

Chrome Edge Firefox Safari Opera
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