ตัวอย่าง
ตั้งค่าการกำหนดฐานองค์ประกอบหมุนของ:
document.getElementById("myDIV").style.transformOrigin = "0 0";
ลองตัวเอง» ความหมายและการใช้งาน
คุณสมบัติ transformOrigin ช่วยให้คุณสามารถเปลี่ยนตำแหน่งในองค์ประกอบเปลี่ยน
องค์ประกอบเปลี่ยน 2D สามารถเปลี่ยนแกน X และแกน y ขององค์ประกอบ 3D องค์ประกอบเปลี่ยนยังสามารถเปลี่ยนแกน z ขององค์ประกอบ
Note: คุณสมบัตินี้จะต้องใช้ร่วมกับการ เปลี่ยน สถานที่ให้บริการ
สนับสนุนเบราว์เซอร์
คุณสมบัติ transformOrigin ได้รับการสนับสนุนใน Internet Explorer 10, Firefox และ Opera
Internet Explorer 9 สนับสนุนทางเลือกที่ msTransformOrigin คุณสมบัติ แต่สำหรับ 2D-แปลง
Chrome, Safari และ Opera สนับสนุนทางเลือกที่คุณสมบัติ WebkitTransformOrigin สำหรับทั้ง 2D- และ 3D-transfoms
วากยสัมพันธ์
กลับ transformOrigin ทรัพย์สิน:
object .style.transformOrigin ตั้ง transformOrigin ทรัพย์สิน:
object .style.transformOrigin=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ x-axis การกำหนดมุมมองที่ถูกวางไว้ที่แกน x ค่าที่เป็นไปได้: - ซ้าย
- ศูนย์
- ขวา
- length
- %
y-axis การกำหนดมุมมองที่ถูกวางไว้ที่แกน y ค่าที่เป็นไปได้: - ด้านบน
- ศูนย์
- ด้านล่าง
- length
- %
z-axis การกำหนดมุมมองที่ถูกวางไว้ที่แกน z (for 3D transforms) ค่าที่เป็นไปได้: - length
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 50% 50% 0 กลับค่า: เชือกแทนเปลี่ยนแหล่งกำเนิดทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
วัตถุสไตล์ JavaScript: transform property
อ้างอิง CSS: transform-origin property
<สไตล์วัตถุ