คุณสมบัติ style perspectiveOrigin

การกำหนดและการใช้งาน

perspectiveOrigin คุณสมบัติมีความหมายเด็ดขาดในการกำหนดตำแหน่งทางแกน x และ y ขององค์ประกอบ 3D นี้ คุณสมบัตินี้อนุญาตให้คุณเปลี่ยนตำแหน่งด้านล่างขององค์ประกอบ 3D

ในการกำหนดองค์ประกอบ perspectiveOrigin เมื่อใช้คุณสมบัติ

หมายเหตุ:คุณสมบัตินี้จำเป็นต้องใช้ร่วมกับ คุณสมบัติ perspective ใช้ร่วมกัน และมีผลบนองค์ประกอบที่ทำการโค้งหน้า 3D!

ดูเพิ่มเติม:

JavaScript Style สมบัติ:คุณสมบัติ perspective

คู่มือ CSS:perspective-origin thuộc性能

ตัวอย่าง

ตั้งค่าจุดต้นตายขององค์ประกอบ 3D:

document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";

ทดลองด้วยตัวเอง

รูปแบบ

ผลกลับ perspectiveOrigin คุณสมบัติ:

object.style.perspectiveOrigin

ตั้งค่า perspectiveOrigin คุณสมบัติ:

object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"

ค่าคุณสมบัติ

ค่า รายละเอียด
x-axis

กำหนดตำแหน่งที่ยืนของมุมมองบนตัวโค้งทางด้านนอก

  • left
  • center
  • right
  • length
  • %

ค่าเริ่มต้น: 50%
y-axis

กำหนดตำแหน่งที่ยืนของมุมมองบนตัวโค้งทางด้านยอด

ค่าที่เป็นไปได้:

  • top
  • center
  • bottom
  • length
  • %

ค่าเริ่มต้น: 50%
initial ตั้งค่าคุณสมบัตินี้ให้เป็นค่าเริ่มต้นของมัน initial。
inherit จากการที่มีอยู่ในต้นตามขององค์ประกอบ inherit。

รายละเอียดเทคโนโลยี

ค่าเริ่มต้น: 50% 50%
ผลกลับมา: ตัวเลขถึง perspective-origin thuộc性能。
CSS รุ่น: CSS3

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางระบุสูตรที่เป็นเครื่องคอมพิวเตอร์ที่สนับสนุนคุณสมบัตินี้ในครั้งแรก

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 6.1 23.0