CSS pow() Funktion

Definition und Verwendung

CSS pow() Die Funktion gibt den Wert der Potenz einer Zahl (x) zur anderen Zahl (y) zurück (d.h. X^)y)

Beispiel

Verwendung pow() Text skalieren in verschiedenen <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));
}

Selbst ausprobieren

CSS Syntax

pow(x, y)
Wert Beschreibung
x Erforderlich. Eine Zahl (Basis).
y Erforderlich. Eine Zahl (Exponent).

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 Seite

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 log() Funktion

Referenz:CSS mod() Funktion

Referenz:CSS sin() Funktion

Referenz:CSS tan() Funktion