CSS visibility Özelliği
CSS1
visible özelliği, bir belgenin düzenini değiştirmeden bir öğeyi gösterir veya gizler. Ayrıca <table> içindeki satırları veya sütunları da gizleyebilir veya gösterebilir. Gizleme değeri öğenizi sadece görünmez kılar ve öğeniz hala oradadır. Öğeyi tamamen içerikten kaldırmak istiyorsanız display özelliğine none değeri vererek kullanmalısınız.
Yapısı (Syntax)visibility: visible | hidden | collapse | initial | inherit ;
| Varsayılan Değer | visible |
| JavaScript Yapısı |
object.style.visibility="değer"
|
| Animasyon Özellikleri Uygulanabilir | Evet (Daha fazla detay) |
Değerler
| Değer | Açıklama | Versiyon |
|---|---|---|
| visible | Varsayılan değerdir. Öğe görünür. | CSS1 |
| hidden | Öğe gizlidir ancak yinede yer kaplar. | CSS1 |
| collapse | Yalnızca tablo satır ve sütunları için kullanılır. Bir satır veya sütunu gizler ve kaldırır, tablo düzenini etkilemez. | CSS1 |
| initial | Varsayılan değerine geri döndürür. | CSS1 |
| inherit | Değerini üst öğesinden miras alır. | CSS1 |
Örnekler
Örneğin h1 etiketini gösterirken, h2 etiketini gizli yapalım;
h1 {
visibility: visible;
}
h2 {
visibility: hidden;
}Bu örnekte ise, bir tablodaki .daralt öğesinin nasıl gizleneceğini gösterir.
tr.daralt {
visibility: collapse;
}