visibility ဂုဏ်သတ္တိ

visibility ဂုဏ်သတ္တိသည် အရာဝတ္ထုကို မမြင်ရအောင်သတ်မှတ်ပေးသည်။ ထိုသို့ဖြစ်လျှင်ပင် အခြားအရာဝတ္ထုအားလုံးသည် ထိုအရာဝတ္ထုပျောက်မသွားသကဲ့သို့ ပြုမူဆက်လက်တည်ရှိနေမည်။

ဝါကျဖွဲ့ပုံ

cssရွေးချယ်သူ {
  visibility: visible သို့မဟုတ် hidden သို့မဟုတ် collapse;
}

တန်ဖိုးများ

စံထားရှိသောတန်ဖိုး: visible။

ဥပမာ

ပထမစာပိုဒ်၏စာသားသည် မူလအားဖြင့် မမြင်ရသော်လည်း ခလုတ်၏အပေါ်သို့ cursor ကိုတင်လိုက်သောအခါ 'Show text' ကျွန်ုပ်တို့ဖတ်နိုင်အောင်ပြုလုပ်ကြပါစို့:

html<button>စာသားပြပါ</button>
<div class="text">စာသား1</div>
<div>စာသား2</div>

cssdiv{
  border: 1px solid black;
  width: 100px;
}
.text {
  visibility: hidden;
}
button:hover + .text {
  visibility: visible;
}

Результат:

ဒါလဲကြည့်ပါ