Ana içeriğe geç Dokümanlar navigasyonuna atla
Check
in English

görünürlük

Görünürlük yardımcı programları ile öğelerin görünürlüğünü, görüntülerini değiştirmeden kontrol edin.

visibilityGörünürlük yardımcı programlarımızla öğelerin değerini ayarlayın . Bu yardımcı program sınıfları, değeri hiçbir şekilde değiştirmez displayve düzeni etkilemez - .invisibleöğeler hala sayfada yer kaplar.

.invisibleSınıftaki öğeler hem görsel olarak hem de yardımcı teknoloji/ekran okuyucu kullanıcıları için gizlenecektir.

Uygulayın .visibleveya .invisiblegerektiği gibi.

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

küstah

Yardımcı Programlar API'sı

Görünürlük yardımcı programları, scss/_utilities.scss. Yardımcı programlar API'sini nasıl kullanacağınızı öğrenin.

    "visibility": (
      property: visibility,
      class: null,
      values: (
        visible: visible,
        invisible: hidden,
      )
    )