มุมมองสไตล์คุณสมบัติ
ตัวอย่าง
ตั้งค่าเปอร์สเปคทีฟจากการที่องค์ประกอบถูกดู:
document.getElementById("myDIV").style.perspective = "50px";
ความหมายและการใช้งาน
คุณสมบัติเปอร์สเปคทีฟกำหนดจำนวนพิกเซลที่องค์ประกอบ 3 มิติถูกวางจากมุมมอง คุณสมบัตินี้ช่วยให้คุณเปลี่ยนมุมมองเกี่ยวกับวิธีการดูองค์ประกอบ 3 มิติ
เมื่อกำหนดคุณสมบัติเปอร์สเปคทีฟสำหรับองค์ประกอบ อิลิเมนต์ CHILD จะได้รับมุมมองเปอร์สเปคทีฟ ไม่ใช่องค์ประกอบเอง
หมายเหตุ:คุณสมบัติเปอร์สเปคทีฟมีผลกับองค์ประกอบที่แปลงเป็น 3 มิติเท่านั้น!
เคล็ดลับ:ใช้คุณสมบัตินี้ร่วมกับ คุณสมบัติ เปอร์ส เปคทีฟออริ จิน ซึ่งช่วยให้คุณสามารถเปลี่ยนตำแหน่งด้านล่างขององค์ประกอบ 3 มิติได้
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
หมายเหตุ: Chrome รุ่นเก่า Safari และ Opera รองรับคุณสมบัติ WebkitPerspective ทางเลือกอื่น
ไวยากรณ์
ส่งคืนคุณสมบัติเปอร์สเปคทีฟ:
object.style.perspective
ตั้งค่าคุณสมบัติเปอร์สเปคทีฟ:
object.style.perspective = "length|none"
มูลค่าทรัพย์สิน
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | ไม่มี |
---|---|
คืนมูลค่า: | สตริงที่แสดงถึงคุณสมบัติเปอร์สเปคทีฟขององค์ประกอบ |
เวอร์ชัน CSS | CSS3 |
หน้าที่เกี่ยวข้อง
JavaScript Style Object: คุณสมบัติเปอร์สเป คทีฟOrigin
การอ้างอิง CSS: คุณสมบัติเปอร์สเปคทีฟ
❮ สไตล์วัตถุ