ദൃശ്യപരത

ദൃശ്യപരത യൂട്ടിലിറ്റികളുള്ള ഘടകങ്ങളുടെ ഡിസ്പ്ലേ പരിഷ്കരിക്കാതെ തന്നെ ദൃശ്യപരത നിയന്ത്രിക്കുക.

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);
}