مرکزی مواد پر جائیں۔ ڈاکس نیویگیشن پر جائیں۔
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;
}

سس

یوٹیلیٹیز API

مرئیت کی افادیت کا اعلان ہماری یوٹیلیٹیز API میں scss/_utilities.scss. یوٹیلیٹیز API کو استعمال کرنے کا طریقہ سیکھیں۔

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