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

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

CSS scale() ฟังก์ชันใช้สำหรับขยายองค์ประกอบ (ความกว้างและความสูง)

scale() ฟังก์ชันนี้กำหนดค่าการขยายขององค์ประกอบในทิศทาง x และ y

scale() ฟังก์ชันใน transform ใช้ในอัตรายอด

ตัวอย่าง

ตัวอย่าง 1

ใช้ scale() ขยายหลาย <div> อิเล็ม:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

ทดลองด้วยตัวเอง

ตัวอย่าง 2

ใช้ scale() การขยายภาพ:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

ทดลองด้วยตัวเอง

CSS การใช้งาน

scale(เลือกได้, sy)

รายละเอียดเทคนิค

การสนับสนุนเบราญ์

ตัวเลขในตารางนี้แสดงรุ่นเบราญ์ที่สนับสนุนฟังก์ชันนี้ครบถ้วน

หน้าที่เกี่ยวข้อง

ตัวอย่าง:การทำการทบทวน 2D ของ CSS

อ้างอิง:คุณสมบัติ transform ของ CSS

อ้างอิง:CSS scale คุณสมบัติ

อ้างอิง:ฟังก์ชัน scale3d() ของ CSS

อ้างอิง:ฟังก์ชัน scaleX() ของ CSS

อ้างอิง:ฟังก์ชัน scaleY() ของ CSS