ตัวอย่าง
ตั้งค่าการกำหนดฐานองค์ประกอบของ 3D:
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
ลองตัวเอง» ความหมายและการใช้งาน
สถานที่ให้บริการ perspectiveOrigin กำหนดที่เป็นองค์ประกอบ 3 มิติอยู่ในพิกัดที่ x และแกน y คุณสมบัตินี้ช่วยให้คุณสามารถเปลี่ยนตำแหน่งด้านล่างขององค์ประกอบ 3D
เมื่อกำหนด perspectiveOrigin อสังหาริมทรัพย์สำหรับองค์ประกอบมันเป็นองค์ประกอบของเด็กที่อยู่ในตำแหน่งที่ไม่ใช่องค์ประกอบของตัวเอง
Note: คุณสมบัตินี้จะต้องใช้ร่วมกับ มุมมองของ ทรัพย์สินและมีผลเฉพาะกับ 3D เปลี่ยนองค์ประกอบ!
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการ perspectiveOrigin รับการสนับสนุนใน IE10 + และ Firefox
Chrome, Safari และ Opera สนับสนุนทางเลือกคุณสมบัติ WebkitPerspecitveOrigin
วากยสัมพันธ์
กลับ perspectiveOrigin ทรัพย์สิน:
object .style.perspectiveOrigin ตั้ง perspectiveOrigin ทรัพย์สิน:
object .style.perspectiveOrigin=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ x-axis การกำหนดมุมมองที่ถูกวางไว้ที่แกน x ค่าที่เป็นไปได้:
- ซ้าย
- ศูนย์
- ขวา
- length
- %
ค่าเริ่มต้น: 50%
y-axis การกำหนดมุมมองที่ถูกวางไว้ที่แกน y ค่าที่เป็นไปได้:
- ด้านบน
- ศูนย์
- ด้านล่าง
- length
- %
ค่าเริ่มต้น: 50%
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 50% 50% กลับค่า: สตริงเป็นตัวแทนมุมมองของแหล่งกำเนิดทรัพย์สินขององค์ประกอบ CSS รุ่น CSS3
หน้าเว็บที่เกี่ยวข้อง
สไตล์ JavaScript วัตถุ: perspective property
อ้างอิง CSS: perspective-origin property
<สไตล์วัตถุ