---
title: Görünürlük
description: Elementin görünürlük stilleri.
---

Görünürlük grubunda iki özellik bulunur:

- **Öğeyi Göster** — Evet/Hayır. Hayır seçildiğinde arka planda `display: none` uygulanır; element yer kaplamaz ve tamamen gizlenir.
- **Görünürlük** — `visibility`. Elementin görünür olup olmamasını kontrol eder; gizlense bile layout’ta yerini korur.

<Callout type="warning" title="Kırılma noktaları ve varyantlar">
Bu davranış hem bölümlerin kırılma noktaları hem de bileşenlerin varyantları için geçerlidir. Örneğin grid seçili bir elementte tablet kırılmasında **Hayır**, mobilde tekrar **Evet** seçerseniz, element o kırılma noktasında `display: grid` özelliği uygulanarak görünür hale gelir.
</Callout>

<img src="/media/ikas-studio/content-and-design/elements/style/visibility.png" style={{ maxWidth: "400px", boxShadow: "0 4px 24px rgba(0, 0, 0, 0.08)" }} />
