Անցեք հիմնական բովանդակությանը Բաց թողնել փաստաթղթերի նավարկություն
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

Տեսանելիության կոմունալ ծառայությունները հայտարարված են մեր Utilities API-ում scss/_utilities.scss: Իմացեք, թե ինչպես օգտագործել կոմունալ ծառայությունների API-ը:

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