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