Source

ಗೋಚರತೆ

ಗೋಚರತೆಯ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಹೊಂದಿರುವ ಅಂಶಗಳ ಪ್ರದರ್ಶನವನ್ನು ಮಾರ್ಪಡಿಸದೆಯೇ ಗೋಚರತೆಯನ್ನು ನಿಯಂತ್ರಿಸಿ.

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