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() 函數