Contoh
Menyembunyikan bagian belakang dari diputar <div> elemen:
div
{
-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
backface-visibility: hidden;
}
Cobalah sendiri " Definisi dan Penggunaan
Properti backface-visibilitas mendefinisikan apakah unsur harus terlihat ketika tidak menghadap layar.
Properti ini berguna saat elemen diputar, dan Anda tidak ingin melihat bagian belakang nya.
Untuk lebih memahami properti ini, melihat demo .
nilai default: | visible |
---|---|
mewarisi: | no |
animatable: | no. Read about animatable |
Versi: | CSS3 |
sintaks JavaScript: | object .style.backfaceVisibility="hidden" Try it |
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Nomor diikuti oleh -webkit- atau moz menentukan versi pertama yang bekerja dengan awalan.
Milik | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12,0 -webkit- | 10,0 | 16.0 10,0 moz | 9.0 4.0 -webkit- | 23.0 15,0 -webkit- |
CSS Syntax
backface-visibility: visible|hidden|initial|inherit;
Nilai properti
Nilai | Deskripsi | Mainkan |
---|---|---|
visible | nilai default. bagian belakang terlihat | Mainkan " |
hidden | bagian belakang tidak terlihat | Mainkan " |
initial | Set properti ini ke nilai default. Baca tentang awal | |
inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Pages terkait
Referensi HTML DOM: backfaceVisibility property