คุณสมบัติ backface-visibility CSS

การระบุและการใช้งาน

ตัวแปร backfaceVisibility กำหนดว่าองค์ประกอบจะเห็นได้หรือไม่เมื่อมีสถานะที่ไม่มุ่งหน้าหน้าจอ

มีประโยชน์มากในกรณีที่ไม่ต้องการเห็นด้านหลังขององค์ประกอบที่หมุน

ดูเพิ่มเติมที่

คู่มืออ้างอิง HTML DOMตัวแปร backfaceVisibility

ตัวอย่าง

ซ่อนและแสดงด้านหลังของ <div> ที่หมุนสองตัวเดี่ยว

#div1 {
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
#div2 {
  -webkit-backface-visibility: visible; /* Safari */
  backface-visibility: visible;
}

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

CSS ภาษา

backface-visibility: visible|hidden;

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

ค่า รายละเอียด
visible ด้านหลังสามารถเห็น
hidden ด้านหลังไม่สามารถเห็น

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

ค่าเริ่มต้น: visible
มีความเป็นประโยชน์: no
เวอร์ชัน: CSS3
JavaScript ภาษา: object.style.backfaceVisibility="hidden"

การสนับสนุนเบราเซอร์

ตัวเลขในตารางหมายถึงเวอร์ชันเบราเซอร์ที่สนับสนุนคุณสมบัตินี้ครบถ้วน。

มี -webkit- หรือ -moz- ในตัวเลขแสดงว่าเป็นสัญญาณตัวอักษรที่ใช้ครั้งแรก。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0
12.0 -webkit-		 10.0 16.0
10.0 -moz-		 4.0 -webkit- 23.0
15.0 -webkit-