CSS မြင်နိုင်စွမ်း ပိုင်ဆိုင်မှု
ဥပမာ
<h2> အစိတ်အပိုင်းများကို မြင်နိုင်၊ ဝှက်ထားရန်-
h2.a {
visibility: visible;
}
h2.b {
visibility: hidden;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ပိုင်ဆိုင်မှု သည် visibility
ဒြပ်စင်တစ်ခုကို မြင်နိုင်သည်ဖြစ်စေ မတွေ့သည်ကို သတ်မှတ်သည်။
အကြံပြုချက်- ဝှက်ထားသောအရာများသည် စာမျက်နှာပေါ်တွင် နေရာယူသည်။ စာရွက်စာတမ်းအပြင်အဆင်မှဒြပ်စင်တစ်ခုကို ဖျောက်ပြီး ဖယ်ရှားရန် ဖော်ပြသည့် ပိုင်ဆိုင်မှုကို အသုံးပြု ပါ။
မူလတန်ဖိုး: | မြင်နိုင်သည်။ |
---|---|
အမွေဆက်ခံသည်- | ဟုတ်တယ် |
သက်ဝင်လှုပ်ရှားနိုင်သော | ဟုတ်တယ် ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS2 |
JavaScript syntax- | အရာဝတ္ထု .style.visibility="hidden" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
visibility | 1.0 | 4.0 | 1.0 | 1.0 | 4.0 |
CSS Syntax
visibility: visible|hidden|collapse|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
visible | Default value. The element is visible | |
hidden | The element is hidden (but still takes up space) | |
collapse | Only for table rows (<tr>), row groups (<tbody>), columns (<col>),
column groups (<colgroup>). This value removes a row or column,
but it does not affect the table layout. The space taken up by the row or column
will be available for other content. If collapse is used on other elements, it renders as "hidden" |
|
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
ဤဥပမာသည် ဇယားဒြပ်စင်ကို ပြိုကျအောင်ပြုလုပ်နည်းကို သရုပ်ပြသည်-
tr.collapse {
visibility: collapse;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS Display နှင့် မြင်နိုင်စွမ်း
HTML DOM ရည်ညွှန်းချက်- မြင်နိုင်စွမ်းပိုင်ဆိုင်မှု