CSS pow() ฟังก์ชัน

คำนำและการใช้งาน

CSS pow() ฟังก์ชันกลับค่าตัวเลข (x) ที่มีขนาด (y) ครั้ง (คือ X^)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()