ታይነት

የንጥረ ነገሮች ታይነት፣ ማሳያቸውን ሳይቀይሩ፣ ከሚታዩ መገልገያዎች ጋር ይቆጣጠሩ።

visibilityንጥረ ነገሮቹን ከታይነት መገልገያዎቻችን ጋር ያዘጋጁ ። እነዚህ የመገልገያ ክፍሎች displayእሴቱን ጨርሶ አይለውጡም እና አቀማመጥን አይነኩም - .invisibleንጥረ ነገሮች አሁንም በገጹ ውስጥ ቦታ ይወስዳሉ.

ከክፍል ጋር ያሉ ንጥረ ነገሮች በእይታ እና ለረዳት ቴክኖሎጂ/ስክሪን አንባቢ ተጠቃሚዎች .invisibleይደበቃሉ ።

ያመልክቱ .visibleወይም .invisibleእንደ አስፈላጊነቱ.

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

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

ሳስ

መገልገያዎች ኤፒአይ

የታይነት መገልገያዎች በእኛ መገልገያዎች ኤፒአይ ውስጥ ይታወቃሉ scss/_utilities.scss። የመገልገያ ኤፒአይን እንዴት መጠቀም እንደሚችሉ ይወቁ።

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