v2.5.2
Giriş yap

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;
}

darkwintergrup
1753 gün önce eklendi - 5047 kez görüntülendi.
Github'da Düzenle
Önceki user-select Sonraki z-index