CSS log() Funktion

Definition und Verwendung

CSS log() Die Funktion gibt den natürlichen Logarithmus der angegebenen Zahl (mit E als Basis) zurück oder gibt den Logarithmus der angegebenen Basis zurück.

Die natürliche Konstante E (2.718281828459045) ist der Basiswert für den natürlichen Logarithmus.

Beispiel

Verwendung log() Berechnung der Breite:

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

Versuchen Sie es selbst

CSS Syntax

log(number, base)
Wert Beschreibung
number Erforderlich. Bestimmt die Zahl oder den Wert, für den der Logarithmus berechnet werden soll.
base Optional. Bestimmt den Basiswert für den Logarithmus. Standardwert ist E (2.718281828459045).

Technische Details

Version: CSS4

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Version der Browser dar, die diese Funktion vollständig unterstützen.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Verwandte Seiten

Referenz:CSS acos() Funktion

Referenz:CSS asin() Funktion

Referenz:CSS atan() Funktion

Referenz:CSS atan2() Funktion

Referenz:CSS calc() Funktion

Referenz:CSS cos() Funktion

Referenz:CSS exp() Funktion

Referenz:CSS hypot() Funktion

Referenz:CSS mod() Funktion

Referenz:CSS pow() Funktion

Referenz:CSS sin() Funktion

Referenz:CSS sqrt() Funktion

Referenz:CSS tan() Funktion