การแปลงรูปแบบคุณสมบัติแหล่งกำเนิด
ตัวอย่าง
กำหนดตำแหน่งฐานขององค์ประกอบที่หมุน:
document.getElementById("myDIV").style.transformOrigin = "0 0";
ความหมายและการใช้งาน
คุณสมบัติ transformOrigin ให้คุณเปลี่ยนตำแหน่งบนองค์ประกอบที่แปลงแล้ว
องค์ประกอบที่แปลงแล้ว 2 มิติสามารถเปลี่ยนแกน x และ y ขององค์ประกอบได้ องค์ประกอบที่แปลงเป็น 3 มิติยังสามารถเปลี่ยนแกน z ขององค์ประกอบได้อีกด้วย
หมายเหตุ:คุณสมบัตินี้ต้องใช้ร่วมกับคุณสมบัติ การ แปลง
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
transformOrigin | 36.0 | 10.0 9.0 msTransformOrigin |
16.0 | 9.0 | 23.0 |
ไวยากรณ์
ส่งคืนคุณสมบัติ transformOrigin:
object.style.transformOrigin
ตั้งค่าคุณสมบัติ transformOrigin:
object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis. Possible values:
|
y-axis | Defining where the view is placed at the y-axis. Possible values:
|
z-axis | Defining where the view is placed at the z-axis (for 3D transforms). Possible values:
|
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | 50% 50% 0 |
---|---|
คืนมูลค่า: | สตริงที่แสดงถึงคุณสมบัติต้นทางการแปลงขององค์ประกอบ |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
JavaScript Style Object: แปลงคุณสมบัติ
การอ้างอิง CSS: คุณสมบัติต้นทางของการแปลง
❮ สไตล์วัตถุ