Hàm log() trong CSS

Định nghĩa và cách sử dụng

Hàm log() trong CSS của CSS log() Hàm trả về lũy thừa tự nhiên của số được chỉ định (dựa trên E) hoặc trả về lũy thừa của cơ số được chỉ định.

Số tự nhiên E (2.718281828459045) là cơ số của lũy thừa tự nhiên.

Mô hình

Sử dụng log() Tính chiều rộng:

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

Thử ngay

Ngữ pháp CSS

log(number, base)
Giá trị Mô tả
number Bắt buộc. Định nghĩa số hoặc giá trị cần tính lũy thừa.
base Tùy chọn. Định nghĩa cơ số của lũy thừa. Giá trị mặc định là E (2.718281828459045).

Chi tiết kỹ thuật

Phiên bản: CSS4

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ hàm này hoàn toàn.

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

Trang liên quan

Tham khảo:Hàm acos() trong CSS

Tham khảo:Hàm asin() trong CSS

Tham khảo:Hàm atan() trong CSS

Tham khảo:Hàm atan2() trong CSS

Tham khảo:Hàm calc() trong CSS

Tham khảo:Hàm cos() trong CSS

Tham khảo:Hàm exp() trong CSS

Tham khảo:Hàm hypot() trong CSS

Tham khảo:Hàm mod() trong CSS

Tham khảo:Hàm pow() trong CSS

Tham khảo:Hàm sin() trong CSS

Tham khảo:Hàm sqrt() CSS

Tham khảo:Hàm tan() CSS