ตัวอย่าง
ให้องค์ประกอบของเด็กเปลี่ยนรักษาแปลง 3D:
document.getElementById("myDIV").style.transformStyle = "preserve-3d";
ลองตัวเอง» ความหมายและการใช้งาน
ชุดคุณสมบัติ transformStyle หรือ returnd วิธีองค์ประกอบที่ซ้อนกันจะแสดงในพื้นที่ 3D
Note: คุณสมบัตินี้จะต้องใช้ร่วมกับการ เปลี่ยน สถานที่ให้บริการ
สนับสนุนเบราว์เซอร์
คุณสมบัติ transformStyle ได้รับการสนับสนุนใน Firefox
Chrome, Safari และ Opera สนับสนุนอีกทางเลือกหนึ่งที่ให้บริการ WebkitTransformStyle
วากยสัมพันธ์
กลับ transformStyle ทรัพย์สิน:
object .style.transformStyle ตั้ง transformStyle ทรัพย์สิน:
object .style.transformStyle="flat|preserve-3d|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| flat | ค่ามาตรฐาน องค์ประกอบเด็กจะไม่รักษาตำแหน่ง 3 มิติ |
| preserve-3d | องค์ประกอบเด็กจะรักษาตำแหน่ง 3 มิติ |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | แบน |
|---|---|
| กลับค่า: | เชือกแทนเปลี่ยนสไตล์ทรัพย์สินขององค์ประกอบ |
| CSS รุ่น | CSS3 |
หน้าเว็บที่เกี่ยวข้อง
วัตถุสไตล์ JavaScript: transform property
: อ้างอิง CSS transform-style property
<สไตล์วัตถุ