Nähtavus

Kontrollige elementide nähtavust ilma nende kuva muutmata nähtavuse utiliitidega.

Määrake visibilityelemendid meie nähtavuse utiliitidega. Need utiliidiklassid ei muuda displayväärtust üldse ega mõjuta paigutust – .invisibleelemendid võtavad lehel siiski ruumi.

Klassiga elemendid .invisiblepeidetakse nii visuaalselt kui ka abitehnoloogia/ekraanilugeja kasutajate jaoks.

Rakenda .visiblevõi .invisiblevastavalt vajadusele.

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

// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

Sass

Utiliidide API

Nähtavuse utiliidid on deklareeritud meie utiliitide API-s scss/_utilities.scss. Siit saate teada, kuidas utiliitide API-t kasutada.

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