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 teknologi bantuan/pengguna pembaca skrin.

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,
      )
    )