Funkcja CSS log()

Definicja i zastosowanie

CSS log() Funkcja zwraca naturalny logarytm liczby podanej jako argument (o podstawie E) lub logarytm liczby podanej jako argument o podanej podstawie.

Liczba naturalna E (2.718281828459045) jest podstawą logarytmu naturalnego.

Przykład

Użyj log() Oblicz szerokość:

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);
}

Spróbuj sam

Gramatyka CSS

log(number, base)
Wartość Opis
number Wymagane. Określa liczbę lub wartość, dla której ma być obliczony logarytm.
base Opcjonalne. Określa podstawę logarytmu. Domyślna wartość to E (2.718281828459045).

Szczegóły techniczne

Wersja: CSS4

Wsparcie przeglądarki

Liczby w tabeli oznaczają pierwszą wersję przeglądarki, która w pełni obsługuje tę funkcję.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Strony związane

Odniesienie:Funkcja CSS acos()

Odniesienie:Funkcja CSS asin()

Odniesienie:Funkcja CSS atan()

Odniesienie:Funkcja CSS atan2()

Odniesienie:Funkcja CSS calc()

Odniesienie:Funkcja CSS cos()

Odniesienie:Funkcja CSS exp()

Odniesienie:Funkcja CSS hypot()

Odniesienie:Funkcja CSS mod()

Odniesienie:Funkcja CSS pow()

Odniesienie:Funkcja CSS sin()

Odniesienie:Funkcja CSS sqrt()

Odniesienie:Funkcja CSS tan()