Thuộc tính hiển thị mặt sau CSS
Ví dụ
Ẩn và hiển thị mặt sau của hai phần tử <div> được xoay:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính backface-visibility
xác định xem mặt sau của một phần tử có hiển thị hay không khi đối diện với người dùng.
Mặt sau của một phần tử là hình ảnh phản chiếu của mặt trước đang được hiển thị.
Thuộc tính này hữu ích khi một phần tử được xoay. Nó cho phép bạn chọn xem người dùng có nhìn thấy mặt sau hay không.
Để hiểu rõ hơn về thuộc tính này, hãy xem bản demo .
Giá trị mặc định: | dễ thấy |
---|---|
Thừa hưởng: | KHÔNG |
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
Phiên bản: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.backfaceVisibility="hidden"Hãy dùng thử |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Các số theo sau là -webkit- hoặc -moz- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
Cú pháp CSS
backface-visibility: visible|hidden|initial|inherit;
Giá trị tài sản
Value | Description | Demo |
---|---|---|
visible | Default value. The backside is visible | Play it » |
hidden | The backside is not visible | Play it » |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Tham chiếu DOM HTML: thuộc tính backfaceVisibility