visibility ဂုဏ်သတ္တိ
visibility ဂုဏ်သတ္တိသည် အရာဝတ္ထုကို
မမြင်ရအောင်သတ်မှတ်ပေးသည်။ ထိုသို့ဖြစ်လျှင်ပင် အခြားအရာဝတ္ထုအားလုံးသည်
ထိုအရာဝတ္ထုပျောက်မသွားသကဲ့သို့ ပြုမူဆက်လက်တည်ရှိနေမည်။
ဝါကျဖွဲ့ပုံ
ရွေးချယ်သူ {
visibility: visible သို့မဟုတ် hidden သို့မဟုတ် collapse;
}
တန်ဖိုးများ
| တန်ဖိုး | ရှင်းလင်းချက် |
|---|---|
visible |
အရာဝတ္ထုသည် မြင်နိုင်သည်။ |
hidden |
အရာဝတ္ထုသည် မြင်မရသော၊ ဖောက်ထွင်းမြင်ရသောအရာကဲ့သို့ဖြစ်လာပြီး စာမျက်နှာ၏ဖော်မတ်ခြင်းတွင်ဆက်လက်ပါဝင်ဆောင်ရွက်သည်။ |
collapse |
ဇယားကွက်များ၏အကြောင်းအရာများအတွက် collapse ကိုအသုံးပြုပါက၊
၎င်းတို့သည်ပျောက်ကွယ်သွားသကဲ့သို့ဖြစ်ပြီး ဇယားသည်
အသစ်ပြန်လည်ဖွဲ့စည်းသည်။
ဤတန်ဖိုးကို ဇယား၏အတန်းများ သို့မဟုတ် ကော်လံများအတွက်မဟုတ်ပါက အသုံးပြုလျှင်၊ ၎င်း၏အသုံးပြုမှုရလဒ်သည် hidden ကဲ့သို့အတူတူပင်ဖြစ်လိမ့်မည်။
|
စံထားရှိသောတန်ဖိုး: visible။
ဥပမာ
ပထမစာပိုဒ်၏စာသားသည် မူလအားဖြင့်
မမြင်ရသော်လည်း ခလုတ်၏အပေါ်သို့ cursor ကိုတင်လိုက်သောအခါ
'Show text' ကျွန်ုပ်တို့ဖတ်နိုင်အောင်ပြုလုပ်ကြပါစို့:
<button>စာသားပြပါ</button>
<div class="text">စာသား1</div>
<div>စာသား2</div>
div{
border: 1px solid black;
width: 100px;
}
.text {
visibility: hidden;
}
button:hover + .text {
visibility: visible;
}
:
