दृश्यता

दृश्यता उपयोगिताहरू भएका तत्वहरूको प्रदर्शन परिमार्जन नगरी, दृश्यता नियन्त्रण गर्नुहोस्।

visibilityहाम्रो दृश्यता उपयोगिताहरूसँग तत्वहरूको सेट गर्नुहोस् । यी उपयोगिता वर्गहरूले displayमान परिमार्जन गर्दैनन् र लेआउटलाई असर गर्दैनन् - .invisibleतत्वहरूले अझै पनि पृष्ठमा ठाउँ लिन्छन्। सामग्री दुवै दृश्यात्मक र सहायक प्रविधि/स्क्रिन रिडर प्रयोगकर्ताहरूका लागि लुकाइनेछ।

लागू गर्नुहोस् .visibleवा .invisibleआवश्यकता अनुसार।

<div class="visible">...</div>
<div class="invisible">...</div>

// Class
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}

// Usage as a mixin
.element {
  @include invisible(visible);
}
.element {
  @include invisible(hidden);
}