Przejdź do głównej zawartości Przejdź do nawigacji w dokumentach
Check
in English

Widoczność

Kontroluj widoczność elementów bez modyfikowania ich wyświetlania za pomocą narzędzi widoczności.

Ustaw visibilityelementy za pomocą naszych narzędzi widoczności. Te klasy użytkowe w ogóle nie modyfikują displaywartości i nie wpływają na układ – .invisibleelementy nadal zajmują miejsce na stronie.

Elementy z .invisibleklasą zostaną ukryte zarówno wizualnie, jak i dla użytkowników technologii wspomagających/czytników ekranu.

Zastosuj .visiblelub .invisiblew razie potrzeby.

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

Sass

Narzędzia API

Narzędzia widoczności są deklarowane w naszym interfejsie API narzędzi w scss/_utilities.scss. Dowiedz się, jak korzystać z interfejsu API narzędzi.

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