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() ฟังก์ชัน