मुख्य सामग्री पर जाउ डॉक्स नेविगेशन पर जाउ
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;
}

सस्स

उपयोगिता एपीआई

दृश्यता उपयोगिताक कें हमर उपयोगिता एपीआई मे घोषित कैल गेल छै scss/_utilities.scss. उपयोगिता एपीआई क उपयोग करब सीखू।

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