CSS pow() toiminto

Määrittely ja käyttö

CSS pow() Funktio palauttaa luvun (x) luvun (y) potenssin arvon (eli X^)y)

Esimerkki

Käyttö pow() Tekstin skaalaaminen eri <div>-elementeissä:

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

Kokeile itse

CSS syntaksi

pow(x, y)
Arvo Kuvaus
x Välttämätön. Yksi luku (juuri).
y Välttämätön. Yksi luku (eksponentti).

Tekninen tarkistus

Versio: CSS4

Selaimen tuki

Taulukossa olevat numerot ilmaisevat ensimmäisen selaimen version, joka täysin tukee toimintoa.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Liittyvät sivut

Viittaus:CSS acos() toiminto

Viittaus:CSS asin() toiminto

Viittaus:CSS atan() toiminto

Viittaus:CSS atan2() toiminto

Viittaus:CSS calc() toiminto

Viittaus:CSS cos() toiminto

Viittaus:CSS exp() toiminto

Viittaus:CSS hypot() toiminto

Viittaus:CSS log() toiminto

Viittaus:CSS mod() toiminto

Viittaus:CSS sin() funktio

Viittaus:CSS tan() funktio