CSS visibility özelliği

Tanım ve Kullanım

visibility özelliği, bir öğenin görünür olup olmadığını belirler.

İpucu:Görünmez olan elementler de sayfanın üzerinde alan kaplar. Görünmez olmayan elementler oluşturmak için "display" özelliğini kullanın.

Açıklama

Bu özellik, bir elementin oluşturduğu element çubuğunun görünürlüğünü belirler. Bu, elementin hala kendi alanını kapladığı anlamına gelir, ancak tamamen görünmez olabilir. Değer "collapse", tablo içinde sütun veya satırı tablo düzeninden çıkarmak için kullanılır.

Daha fazla bilgi için bkz:

CSS Eğitimleri:CSS Konumlandırma

HTML DOM Referans Kılavuzu:visibility özelliği

Örnek

h2 öğesini görünmez hale getirin:

h2
  {
  visibility:gizli;
  }

Kişisel olarak deneyin

CSS dilbilgisi

visibility: visible|hidden|collapse|initial|inherit;

Özellik değeri

Değer Açıklama
görünür Varsayılan değer. Öğe görünürdür.
gizli Öğe görünmezdir.
collapse Tablo öğelerinde kullanıldığında, bu değer bir satır veya sütunu siler, ancak tablo düzenini etkilemez. Satır veya sütun tarafından işgal edilen alan, diğer içerikler için kullanılır. Bu değer diğer öğelerde kullanıldığında "gizli" olarak görünecektir.
devral Bu özellik, visibility özellik değerini ebeveyn öğesinden devralması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: görünür
Devralabilirlik: evet
Sürüm: CSS2
JavaScript dilbilgisi: object.style.visibility="gizli"

TIY Örneği

Nasıl öğe görünmez hale gelir
Bu örnek, nasıl bir öğenin görünmez olacağını gösterir. Öğe görünürlüğünü istersiniz mi yoksa istemez misiniz?
Tablo öğesini collapse olarak ayarlayın
Bu örnek, nasıl bir tablo öğesini üst üste getirdiğini gösterir?

Tarayıcı desteği

Tablo içindeki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 4.0