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;
}
सस
उपयुक्तता API
आमच्या युटिलिटी API मध्ये दृश्यमानता उपयुक्तता घोषित केल्या आहेत scss/_utilities.scss. युटिलिटी API कसे वापरायचे ते शिका.
"visibility": (
property: visibility,
class: null,
values: (
visible: visible,
invisible: hidden,
)
)