ตัวอย่าง
ซ่อนด้านหลังของหมุน <div> องค์ประกอบ:
// Code for Chrome, Safari, Opera
document.getElementById("myDIV").style.WebkitBackfaceVisibility = "hidden";
// Standard syntax
document.getElementById("myDIV").style.backfaceVisibility = "hidden"; ลองตัวเอง» ความหมายและการใช้งาน
คุณสมบัติ backfaceVisibility กำหนดหรือไม่ว่าเป็นองค์ประกอบที่ควรจะมองเห็นเมื่อไม่หันหน้าไปทางหน้าจอ
สถานที่แห่งนี้จะเป็นประโยชน์เมื่อองค์ประกอบหมุนและคุณไม่ต้องการที่จะเห็นด้านหลังของมัน
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
ตามด้วยหมายเลข Webkit หรือ Moz ระบุรุ่นแรกที่ทำงานร่วมกับคำนำหน้า
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| backfaceVisibility | 36.0 12.0 Webkit | 10.0 | 16.0 10.0 Moz | 4.0 Webkit | 23.0 15.0 Webkit |
หมายเหตุ: Chrome (12-35) , Safari และ Opera 15+ สนับสนุนทางเลือกคุณสมบัติ WebkitBackfaceVisibility
วากยสัมพันธ์
กลับ backfaceVisibility ทรัพย์สิน:
object .style.backfaceVisibility ตั้ง backfaceVisibility ทรัพย์สิน:
object .style.backfaceVisibility="visible|hidden|initial|inherit"
ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ |
|---|---|
| visible | ค่ามาตรฐาน ด้านหลังจะมองเห็นได้ |
| hidden | ด้านหลังมองไม่เห็น |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
รายละเอียดทางเทคนิค
| ราคาเริ่มต้น: | มองเห็นได้ |
|---|---|
| กลับค่า: | เชือกแทน backface มองเห็นคุณสมบัติขององค์ประกอบ |
| CSS รุ่น | CSS3 |
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง CSS: backface-visibility property
<สไตล์วัตถุ