CSS pow() 関数

定義と使用方法

CSS pow() 関数は、一つの数（x）の別の数（y）のべき乗の値を返します（つまり X^y）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() 関数