გადადით მთავარ შინაარსზე დოკუმენტების ნავიგაციაზე გადასვლა
Check
in English

ხილვადობა

აკონტროლეთ ელემენტების ხილვადობა, მათი ჩვენების შეცვლის გარეშე, ხილვადობის კომუნალური საშუალებებით.

დააყენეთ visibilityელემენტები ჩვენი ხილვადობის საშუალებებით. ეს სასარგებლო კლასები საერთოდ არ ცვლის displayმნიშვნელობას და გავლენას არ ახდენს განლაგებაზე - .invisibleელემენტები მაინც იკავებენ ადგილს გვერდზე.

კლასთან დაკავშირებული ელემენტები .invisibleდამალული იქნება როგორც ვიზუალურად, ასევე დამხმარე ტექნოლოგიების/ეკრანის წამკითხველებისთვის.

მიმართეთ .visibleან .invisibleროგორც საჭიროა.

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

სას

Utilities API

Visibility Utilities გამოცხადებულია ჩვენს Utilities API-ში scss/_utilities.scss. ისწავლეთ როგორ გამოიყენოთ Utilities API.

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