in English
દૃશ્યતા
તત્વોની દૃશ્યતાને નિયંત્રિત કરો, તેમના પ્રદર્શનમાં ફેરફાર કર્યા વિના, દૃશ્યતા ઉપયોગિતાઓ સાથે.
visibility
અમારી દૃશ્યતા ઉપયોગિતાઓ સાથે તત્વોનું સેટ કરો . આ ઉપયોગિતા વર્ગો display
મૂલ્યમાં બિલકુલ ફેરફાર કરતા નથી અને લેઆઉટને અસર કરતા નથી - .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,
)
)