CSS ဘောင် - ပြိုကျသည့် ပိုင်ဆိုင်မှု
ဥပမာ
ဇယားနှစ်ခုအတွက် ပြိုကျနေသော နယ်နိမိတ်ပုံစံကို သတ်မှတ်ပါ-
#table1 {
border-collapse: separate;
}
#table2 {
border-collapse: collapse;
}
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ဇယား border-collapse
ဘောင်များကို ဘောင်တစ်ခုတည်းအဖြစ်သို့ ပြိုကျသင့်သလား သို့မဟုတ် စံ HTML ကဲ့သို့ ခွဲခြားသတ်မှတ်သည်။
မူလတန်ဖိုး: | သီးခြား |
---|---|
အမွေဆက်ခံသည်- | ဟုတ်တယ် |
သက်ဝင်လှုပ်ရှားနိုင်သော | မဟုတ်ဘူး ကာတွန်း အကြောင်းဖတ်ပါ။ |
ဗားရှင်း- | CSS2 |
JavaScript syntax- | အရာဝတ္ထု .style.borderCollapse="collapse" |
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
border-collapse | 1.0 | 5.0 | 1.0 | 1.2 | 4.0 |
CSS Syntax
border-collapse: separate|collapse|initial|inherit;
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description | Play it |
---|---|---|
separate | Borders are separated; each cell will display its own borders. This is default. | |
collapse | Borders are collapsed into a single border when possible (border-spacing and empty-cells properties have no effect) | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
နောက်ထပ် ဥပမာများ
ဥပမာ
"border-collapse-separation" ကိုအသုံးပြုသည့်အခါ ဆဲလ်များကြားရှိနေရာကို သတ်မှတ်ရန် နယ်စပ်-အကွာအဝေးကို အသုံးပြုနိုင်သည်။
#table1 {
border-collapse: separate;
border-spacing: 10px;
}
ဥပမာ
"border-collapse-collapse" ကိုအသုံးပြုသောအခါ code တွင်ပထမဆုံးပေါ်လာသောဆဲလ်သည် "အနိုင်ရ" လိမ့်မည်-
table, td, th {
border: 3px solid red;
}
#table1 {
border-collapse:
collapse;
border-color: blue;
}
ဆက်စပ်စာမျက်နှာများ
CSS သင်ခန်းစာ- CSS ဇယား
HTML DOM ရည်ညွှန်းချက်- နယ်စပ်ကို ခေါက်သိမ်းခြင်း ပိုင်ဆိုင်မှု