Lewati ke konten utama Lewati ke navigasi dokumen
in English

Visibilitas

Kontrol visibilitas elemen, tanpa mengubah tampilannya, dengan utilitas visibilitas.

Atur visibilityelemen dengan utilitas visibilitas kami. Kelas utilitas ini tidak mengubah displaynilai sama sekali dan tidak memengaruhi tata letak – .invisibleelemen masih menempati ruang di halaman.

Elemen dengan .invisiblekelas akan disembunyikan baik secara visual maupun untuk pengguna teknologi bantu/pembaca layar.

Terapkan .visibleatau .invisiblesesuai kebutuhan.

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

Kelancangan

API Utilitas

Utilitas visibilitas dideklarasikan di API utilitas kami di scss/_utilities.scss. Pelajari cara menggunakan API utilitas.

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