मुख्य सामग्रीवर जा डॉक्स नेव्हिगेशनवर जा
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,
      )
    )