Gå til hovedinnhold Hopp til dokumentnavigering
Check
in English

Synlighet

Kontroller synligheten til elementer, uten å endre visningen, med synlighetsverktøy.

Still inn visibilityelementene med våre synlighetsverktøy. Disse verktøyklassene endrer ikke displayverdien i det hele tatt og påvirker ikke layout - .invisibleelementer tar fortsatt opp plass på siden.

Elementer med .invisibleklassen vil skjules både visuelt og for hjelpemidler/skjermleserbrukere.

Påfør .visibleeller .invisibleetter behov.

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

Sass

Utilities API

Synlighetsverktøy er deklarert i vår utilities API i scss/_utilities.scss. Lær hvordan du bruker utilities API.

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