CSS pow() functie

definitie en gebruik

CSS pow() de functie retourneert de waarde van de macht van een getal (x) tot de macht van een ander getal (y) (dus X^)y)

voorbeeld

gebruik pow() tekst schalen in verschillende <div>-elementen:

div.a {
  font-size: calc(18px * pow(1.5, 2));
}
div.b {
  font-size: calc(18px * pow(1.5, 1));
}
div.c {
  font-size: calc(18px * pow(1.5, 0));
}
div.d {
  font-size: calc(18px * pow(1.5, -1));
}

probeer het zelf

CSS syntaxis

pow(x, y)
waarde beschrijving
x verplicht. Een getal (grond).
y verplicht. Een getal (exponent).

technische details

versie: CSS4

browserondersteuning

De cijfers in de tabel vertegenwoordigen de eerste browserversie 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 log() functie

Referentie:CSS mod() functie

Referentie:CSS sin() functie

Referentie:CSS tan() functie