CSS'de visible Nedir?

Visible, CSS'de bir öğenin görünür olup olmayacağını belirleyen bir özelliktir. Öğeler varsayılan olarak görünür olarak ayarlanır, ancak bazı durumlarda görünürlüğün değiştirilmesi gerekebilir.
Visible özelliği, hem önceki öğe üzerinde hem de sonraki öğe üzerinde kullanılabilir. Örneğin, bir öğenin görünürlüğünü değiştirmek için şu kod kullanılabilir:
```
visibility: visible;
```
Bu, öğenin varsayılan olarak görünür olmasını sağlar.
Ancak, bir öğenin görünmez olmasını istiyorsanız, şu kodu kullanabilirsiniz:
```
visibility: hidden;
```
Bu kod, öğenin görünmez olduğunu, ancak sayfada hala yer aldığını belirtir.
Ayrıca, bir öğenin yerini işgal etmeye devam etmesini ve etrafındaki öğeleri etkilememesini istiyorsanız, şu kodu kullanabilirsiniz:
```
visibility: collapse;
```
Bu, öğenin yerini işgal etmediğini, ancak etrafındaki öğeleri etkilemediğini belirtir.
Örnek kodlar şu şekildedir:
```
.visible {
visibility: visible;
}
.hidden {
visibility: hidden;
}
.collapsed {
visibility: collapse;
}
```
Bu kodlar, öğelerin görünürlüğünü değiştirmek için kullanılabilir. Örneğin, bir öğenin varsayılan olarak görünür olduğunu, ancak belirli bir eylemden sonra görünmez olmasını istediğimizi varsayalım. Bu durumda, öğeye `.hidden` sınıfını ekleyebiliriz:
```