ମୁଖ୍ୟ ବିଷୟବସ୍ତୁକୁ ଯାଆନ୍ତୁ | ଡକସ୍ ନେଭିଗେସନ୍ କୁ ଯାଆନ୍ତୁ |
Check
in English

ଦୃଶ୍ୟମାନତା |

ଉପାଦାନଗୁଡ଼ିକର ଦୃଶ୍ୟତାକୁ ନିୟନ୍ତ୍ରଣ ନକରି, ସେମାନଙ୍କର ପ୍ରଦର୍ଶନରେ ପରିବର୍ତ୍ତନ ନକରି, ଦୃଶ୍ୟମାନତା ଉପଯୋଗୀତା ସହିତ |

visibilityଆମର ଭିଜିବିଲିଟି ୟୁଟିଲିଟି ସହିତ ଉପାଦାନଗୁଡ଼ିକର ସେଟ୍ ସେଟ୍ କରନ୍ତୁ | ଏହି ଉପଯୋଗିତା ଶ୍ରେଣୀଗୁଡ଼ିକ displayମୂଲ୍ୟକୁ ଆଦ ify ରୂପାନ୍ତର କରନ୍ତି ନାହିଁ ଏବଂ ଲେଆଉଟ୍ ଉପରେ ପ୍ରଭାବ ପକାନ୍ତି ନାହିଁ - .invisibleଉପାଦାନଗୁଡ଼ିକ ପୃଷ୍ଠାରେ ସ୍ଥାନ ନେଇଥାଏ |

ଶ୍ରେଣୀ ସହିତ ଉପାଦାନଗୁଡିକ ଉଭୟ ଭିଜୁଆଲ୍ ଏବଂ ସହାୟକ ଟେକ୍ନୋଲୋଜି / ସ୍କ୍ରିନ୍ ରିଡର୍ ବ୍ୟବହାରକାରୀଙ୍କ ପାଇଁ .invisibleଲୁକ୍କାୟିତ ହେବ |

.visibleକିମ୍ବା .invisibleଆବଶ୍ୟକ ଅନୁଯାୟୀ ପ୍ରୟୋଗ କରନ୍ତୁ |

<div class="visible">...</div>
<div class="invisible">...</div>
// Class
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}

ସାସ୍ |

ଉପଯୋଗିତା API

ଆମର ଉପଯୋଗିତା API ରେ ଭିଜିବିଲିଟି ଉପଯୋଗିତା ଘୋଷିତ ହୋଇଛି scss/_utilities.scss| ଉପଯୋଗିତା API କିପରି ବ୍ୟବହାର କରିବେ ଶିଖନ୍ତୁ |

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