visibility CSS özelliği, bir öğenin görünür olup olmadığını belirler. Bu özellik, öğeleri görünmez yaparak yerlerini korumalarını sağlar; yani, bir öğe visibility: hidden; ile gizlendiğinde, sayfa düzeninden çıkarılmaz ve yer kaplamaya devam eder. Bu, display: none; ile karşılaştırıldığında önemli bir farktır, çünkü display: none; kullanıldığında öğe hem görünmez olur hem de düzenden tamamen çıkarılır, böylece arkasındaki öğeler onun yerini doldurabilir.

Kullanılabilir Değerler:

visible: Öğe görünür olur, bu varsayılan değerdir.

hidden: Öğe görünmez olur ancak sayfa düzenindeki yerini korur.

collapse: Bu değer, özellikle tablo satırları (<tr>), sütunları (<col>) ve sütun grupları (<colgroup>) için kullanılır. hidden ile benzer davranır, ancak tablolarda öğeyi ve onun yer kaplamasını tamamen kaldırır.

TailwindCSS: