رفتن به محتوای اصلی به پیمایش اسناد بروید
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;
}

ساس

Utilities API

ابزارهای دید در API ابزارهای ما در اعلان شده اند scss/_utilities.scss. با نحوه استفاده از Utilities API آشنا شوید.

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