CSS log() funktio

Määrittely ja käyttö

CSS:n log() Funktio palauttaa annetun luvun luonnollisen logaritmin (E:n perusteella) tai palauttaa annetun perusluvun logaritmin.

Luonnollinen vakio E (2.718281828459045) on luonnollisen logaritman perusluku.

Esimerkki

Käytetään log() Lasketaan leveys:

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

Kokeile itse

CSS syntaksi

log(number, base)
Arvo Kuvaus
number Välttämätön. Määrittää laskettavan luvun tai arvon.
base Valinnainen. Määrittää logaritman perusluku. Oletusarvo on E (2.718281828459045).

Tekninen yksityiskohta

Versio: CSS4

Selaintuen

Taulukossa olevat numerot merkitsevät ensimmäistä selainta, joka täysin tukee tätä funktiota.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Liittyvät sivut

Viittaus:CSS acos() funktio

Viittaus:CSS asin() funktio

Viittaus:CSS atan() funktio

Viittaus:CSS atan2() funktio

Viittaus:CSS calc() funktio

Viittaus:CSS cos() funktio

Viittaus:CSS exp() funktio

Viittaus:CSS hypot() funktio

Viittaus:CSS mod() funktio

Viittaus:CSS pow() funktio

Viittaus:CSS sin() funktio

Viittaus:CSS sqrt() funktio

Viittaus:CSS tan() funktio