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
. उपयोगिताओं API का उपयोग करना सीखें।
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
)