Görünürlük

Elementlerin visibility değerini görünürlük yardımcılarımızla ayarlayın. Bu yardımcı sınıflar display değerini hiç değiştirmez ve düzeni etkilemez - .invisible sınıfına sahip elementler sayfada hala yer kaplar.

tehlike

.invisible sınıfına sahip elementler hem görsel olarak hem de yardımcı teknoloji/ekran okuyucu kullanıcıları için gizlenecektir.

Gerekli olduğunda .visible veya .invisible uygulayın.

<div class="visible">...</div>
<div class="invisible">...</div>

// Sınıf
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Sass

Araçlar API'si

Görünürlük yardımcıları, scss/_utilities.scss dosyasında araçlar API'mizde tanımlanmıştır. Araçlar API'sini nasıl kullanacağınızı öğrenin.

not

Bu yardımcı sınıflar, sayfa düzenini korurken, belirli elementlerin görünürlüğünü yönetmek için mükemmeldir.