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