Source

ਦਿੱਖ

ਦਿੱਖ ਉਪਯੋਗਤਾਵਾਂ ਵਾਲੇ ਤੱਤਾਂ ਦੀ ਡਿਸਪਲੇ ਨੂੰ ਸੋਧੇ ਬਿਨਾਂ, ਦਿੱਖ ਨੂੰ ਕੰਟਰੋਲ ਕਰੋ।

visibilityਸਾਡੀ ਦਿੱਖ ਉਪਯੋਗਤਾਵਾਂ ਦੇ ਨਾਲ ਤੱਤਾਂ ਦਾ ਸੈੱਟ ਕਰੋ । ਇਹ displayਮੁੱਲ ਨੂੰ ਬਿਲਕੁਲ ਨਹੀਂ ਸੰਸ਼ੋਧਿਤ ਕਰਦੇ ਹਨ ਅਤੇ ਜ਼ਿਆਦਾਤਰ ਉਪਭੋਗਤਾਵਾਂ ਤੋਂ ਸਮੱਗਰੀ ਨੂੰ ਲੁਕਾਉਣ ਲਈ ਮਦਦਗਾਰ ਹੁੰਦੇ ਹਨ, ਪਰ ਫਿਰ ਵੀ ਉਹਨਾਂ ਨੂੰ ਸਕ੍ਰੀਨ ਰੀਡਰਾਂ ਲਈ ਰੱਖਦੇ ਹਨ।

ਲਾਗੂ ਕਰੋ .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);
}