Thuộc tính backface-visibility CSS

Định nghĩa và cách sử dụng

Thuộc tính backface-visibility xác định khi phần tử không quay về phía màn hình thì có thể nhìn thấy hay không.

Thuộc tính này rất hữu ích nếu bạn không muốn thấy mặt sau của phần tử khi nó quay.

Xem thêm:

Hướng dẫn tham khảo HTML DOM:Thuộc tính backfaceVisibility

Mô hình

Hiện và ẩn mặt sau của hai phần tử <div> xoay:

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

Thử ngay

Cú pháp CSS

backface-visibility: visible|hidden;

Giá trị thuộc tính

Giá trị Mô tả
visible Mặt sau có thể nhìn thấy.
hidden Mặt sau không thể nhìn thấy.

Chi tiết kỹ thuật

Giá trị mặc định: visible
Kế thừa: no
Phiên bản: CSS3
Cú pháp JavaScript: object.style.backfaceVisibility="hidden"

Hỗ trợ trình duyệt

Số liệu trong bảng ghi chú về phiên bản trình duyệt đầu tiên hỗ trợ hoàn toàn thuộc tính.

Số liệu dưới dạng số đầu tiên của số sử dụng tiền tố -webkit- hoặc -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-