CSS log() functie

definitie en gebruik

CSS log() de functie retourneert de natuurlijke logarithmus van het opgegeven getal (met E als basis) of de logarithmus van het opgegeven basisgetal.

de natuurlijke constante E (2.718281828459045) is de basis van de natuurlijke logarithmus.

voorbeeld

gebruik log() bereken de breedte:

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

probeer het zelf

CSS syntaxis

log(number, base)
waarde beschrijving
number verplicht. Specificeer het getal of de waarde waarvoor de logarithmus moet worden berekend.
base optioneel. Specificeer de basis van de logarithmus. De standaardwaarde is E (2.718281828459045).

technische details

versie: CSS4

browserondersteuning

De cijfers in de tabel geven de eerste browserversie aan die deze functie volledig ondersteunt.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

gerelateerde pagina's

Referentie:CSS acos() functie

Referentie:CSS asin() functie

Referentie:CSS atan() functie

Referentie:CSS atan2() functie

Referentie:CSS calc() functie

Referentie:CSS cos() functie

Referentie:CSS exp() functie

Referentie:CSS hypot() functie

Referentie:CSS mod() functie

Referentie:CSS pow() functie

Referentie:CSS sin() functie

Referentie:CSS sqrt() functie

Referentie:CSS tan() functie