CSS log() 関数

定義と使用方法

CSSの log() 関数は指定された数の自然対数（Eを底とする）を返すか、指定された底の対数を返します。

自然対数の底である自然常数 E（2.718281828459045）

例

使用 log() 計算幅：

div.a {
  width: calc(log(50, 10) * 30px);
}
div.b {
  width: calc(log(500) * 30px);
}
div.c {
  width: calc(log(1000) * 30px);
}
div.d {
  width: calc(log(10000, 10) * 30px);
}
div.e {
  width: calc(log(50000, 10) * 30px);
}

実際に試してみる

CSS 语法

log(number, base)
値 説明
number 必須。対数を計算する数または値を指定します。
base オプション。対数の底を指定します。デフォルト値は E（2.718281828459045）です。

技術的詳細

バージョン： 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 mod() 関数

参照：CSS pow() 関数

参照：CSS sin() 関数

参照：CSS sqrt() 関数

参照：CSS tan() 関数