CSS pow() 函数

定义和用法

CSS pow() 函数返回一个数（x）的另一个数（y）次幂的值（即 X^y）。

实例

使用 pow() 在不同的 <div> 元素中缩放文本：

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

亲自试一试

CSS 语法

pow(x, y)
值 描述
x 必需。一个数（底数）。
y 必需。一个数（指数）。

技术细节

版本： CSS4

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

相关页面

参考：CSS acos() 函数

参考：CSS asin() 函数

参考：CSS atan() 函数

参考：CSS atan2() 函数

参考：CSS calc() 函数

参考：CSS cos() 函数

参考：CSS exp() 函数

参考：CSS hypot() 函数

参考：CSS log() 函数

参考：CSS mod() 函数

参考：CSS sin() 函数

参考：CSS tan() 函数