CSS arka yüz-görünürlük Özellik
Örnek
Döndürülmüş iki <div> öğesinin arka yüzünü gizleyin ve gösterin:
#div1
{
-webkit-backface-visibility: hidden; /* Safari */
backface-visibility: hidden;
}
#div2
{
-webkit-backface-visibility: visible; /* Safari */
backface-visibility: visible;
}
Tanım ve Kullanım
Özellik backface-visibility
, bir elemanın arka yüzünün kullanıcıya bakarken görünüp görünmeyeceğini tanımlar.
Bir elemanın arka yüzü, görüntülenen ön yüzün ayna görüntüsüdür.
Bu özellik, bir eleman döndürüldüğünde kullanışlıdır. Kullanıcının arka yüzü görüp göremeyeceğini seçmenizi sağlar.
Bu özelliği daha iyi anlamak için bir demo görüntüleyin .
Varsayılan değer: | görünür |
---|---|
Miras: | Hayır |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS3 |
JavaScript sözdizimi: | nesne .style.backfaceVisibility="gizli" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
-webkit- veya -moz- tarafından takip edilen sayılar, bir önekle çalışan ilk sürümü belirtir.
Property | |||||
---|---|---|---|---|---|
backface-visibility | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
4.0 -webkit- | 23.0 15.0 -webkit- |
CSS Sözdizimi
backface-visibility: visible|hidden|initial|inherit;
Mülk değerleri
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 |
İlgili Sayfalar
HTML DOM referansı: backfaceVisibility özelliği