Thuộc tính hiển thị mặt sau CSS
Thí dụ
Ẩn và hiển thị 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;
}
Định nghĩa và Cách sử dụng
Thuộc backface-visibility
tính xác định xem có nên nhìn thấy mặt sau của một phần tử khi đối diện với người dùng hay khô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ó nên nhìn thấy mặt sau hay không.
Để hiểu rõ hơn thuộc tính này, hãy xem bản trình diễn .
Giá trị mặc định: | có thể nhìn 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: | object .style.backfaceVisibility = "hidden" |
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 -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 | Play it |
---|---|---|
visible | Default value. The backside is visible | |
hidden | The backside is not visible | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Các trang liên quan
Tham chiếu DOM HTML: thuộc tính backfaceVisibility