empty-cells ဂုဏ်သတ္တိ
empty-cells ဂုဏ်သတ္တိသည် HTML ဇယား ၏ td ဆဲလ်များ သို့မဟုတ် th ဆဲလ်များ ၏ ဗလာ ဆဲလ်များ၏ နောက်ခံနှင့် အနားသတ်ကို ပြသရန် သို့မဟုတ် မပြသရန် ဘရောက်ဆာကို ညွှန်ပြသည်။
�ောက်ပါ အခြေအနေများတွင် ဆဲလ်တစ်ခုကို ဗလာအဖြစ် သတ်မှတ်သည်။
မည်သည့်စာလုံးမျှ မရှိခြင်း၊ ဆဲလ်ထဲတွင် ဝင်းဒိုးစပေ့(တစ်ခု သို့မဟုတ် တစ်ခုထက်ပို)၊ လိုင်းအသစ်သို့ ပြောင်းခြင်း သို့မဟုတ် တပ်ဗ် သင်္ကေတ တစ်ခုသာပါရှိခြင်း၊ သို့မဟုတ်
visibility
ဂုဏ်သတ္တိကို hidden အဖြစ် သတ်မှတ်ထားခြင်း။
ဆဲလ်ကို ဗလာမဟုတ်အောင်လုပ်ရန်၊ သို့သော် မြင်နိုင်သော စာသားမပါဘဲ၊ အောက်ပါနည်းလမ်းကို အသုံးပြုသည်။
ဆဲလ်ထဲတွင် မပြတ်တောက်သော ဝင်းဒိုးစပေ့
ကို ရေးထည့်ပါ။
border-collapse
ကို collapse တန်ဖိုးဖြင့် သတ်မှတ်ထားပါက ဤဂုဏ်သတ္တိသည် အလုပ်မလုပ်ပါ။
ဝါကျဖွဲ့ပုံ
ဆီလက်တာ {
empty-cells: show | hide;
}
တန်ဖိုးများ
| တန်ဖိုး | ဖော်ပြချက် |
|---|---|
show |
ဗလာဆဲလ်၏ နောက်ခံနှင့် အနားသတ်ကို ပြသသည်။ |
hide |
ဗလာဆဲလ်၏ နောက်ခံနှင့် အနားသတ်ကို မပြသပါ။ |
စံထားရှိသော တန်ဖိုး။ show။
နမူနာ ။ show တန်ဖိုး
လက်ရှိ ဇယားတွင် ဆဲလ်အချို့ ဗလာဖြစ်နေသော်လည်း၊ သူတို့အားလုံးတွင် အနားသတ်နှင့် နောက်ခံ ရှိနေဆဲဖြစ်သည်။
<table>
<tr>
<td>ဆဲလ်</td>
<td></td>
<td>ဆဲလ်</td>
</tr>
<tr>
<td></td>
<td>ဆဲလ်</td>
<td></td>
</tr>
<tr>
<td>ဆဲလ်</td>
<td>ဆဲလ်</td>
<td>ဆဲလ်</td>
</tr>
</table>
table {
width: 400px;
empty-cells: show;
}
td {
border: 1px solid black;
background-color: #f3f3f3;
text-align: center;
}
:
နမူနာ ။ hide တန်ဖိုး
ယခုတော့ ဗလာဆဲလ်များတွင် နောက်ခံနှင့် အနားသတ် ရှိမည် မဟုတ်ပါ။
<table>
<tr>
<td>ဆဲလ်</td>
<td></td>
<td>ဆဲလ်</td>
</tr>
<tr>
<td></td>
<td>ဆဲလ်</td>
<td></td>
</tr>
<tr>
<td>ဆဲလ်</td>
<td>ဆဲလ်</td>
<td>ဆဲလ်</td>
</tr>
</table>
table {
width: 400px;
empty-cells: hide;
}
td {
border: 1px solid black;
background-color: #f3f3f3;
text-align: center;
}
:
ဤအရာကိုလည်း ကြည့်ပါ
-
emptyဆူဒိုကလပ်၊
ဗလာအင်ဒါမင်တစ်ခု မည်သို့ပုံပေါက်မည်ကို သတ်မှတ်ပေးသည်