Langkau ke kandungan utama Langkau ke navigasi dokumen
in English

Keterlihatan

Kawal keterlihatan unsur, tanpa mengubah suai paparannya, dengan utiliti keterlihatan.

Tetapkan visibilityelemen dengan utiliti keterlihatan kami. Kelas utiliti ini tidak mengubah suai displaynilai sama sekali dan tidak menjejaskan reka letak - .invisibleelemen masih mengambil ruang dalam halaman.

Elemen dengan .invisiblekelas akan disembunyikan secara visual dan untuk pengguna teknologi/pembaca skrin bantuan.

Memohon .visibleatau .invisiblemengikut keperluan.

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

Sass

API Utiliti

Utiliti keterlihatan diisytiharkan dalam API utiliti kami dalam scss/_utilities.scss. Ketahui cara menggunakan API utiliti.

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