empty-cells ဂုဏ်သတ္တိ

empty-cells ဂုဏ်သတ္တိသည် HTML ဇယား ၏ td ဆဲလ်များ သို့မဟုတ် th ဆဲလ်များ ၏ ဗလာ ဆဲလ်များ၏ နောက်ခံနှင့် အနားသတ်ကို ပြသရန် သို့မဟုတ် မပြသရန် ဘရောက်ဆာကို ညွှန်ပြသည်။

�ောက်ပါ အခြေအနေများတွင် ဆဲလ်တစ်ခုကို ဗလာအဖြစ် သတ်မှတ်သည်။ မည်သည့်စာလုံးမျှ မရှိခြင်း၊ ဆဲလ်ထဲတွင် ဝင်းဒိုးစပေ့(တစ်ခု သို့မဟုတ် တစ်ခုထက်ပို)၊ လိုင်းအသစ်သို့ ပြောင်းခြင်း သို့မဟုတ် တပ်ဗ် သင်္ကေတ တစ်ခုသာပါရှိခြင်း၊ သို့မဟုတ် visibility ဂုဏ်သတ္တိကို hidden အဖြစ် သတ်မှတ်ထားခြင်း။

ဆဲလ်ကို ဗလာမဟုတ်အောင်လုပ်ရန်၊ သို့သော် မြင်နိုင်သော စာသားမပါဘဲ၊ အောက်ပါနည်းလမ်းကို အသုံးပြုသည်။ ဆဲလ်ထဲတွင် မပြတ်တောက်သော ဝင်းဒိုးစပေ့   ကို ရေးထည့်ပါ။

border-collapse ကို collapse တန်ဖိုးဖြင့် သတ်မှတ်ထားပါက ဤဂုဏ်သတ္တိသည် အလုပ်မလုပ်ပါ။

ဝါကျဖွဲ့ပုံ

cssဆီလက်တာ {
  empty-cells: show | hide;
}

တန်ဖိုးများ

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

နမူနာ ။ show တန်ဖိုး

လက်ရှိ ဇယားတွင် ဆဲလ်အချို့ ဗလာဖြစ်နေသော်လည်း၊ သူတို့အားလုံးတွင် အနားသတ်နှင့် နောက်ခံ ရှိနေဆဲဖြစ်သည်။

html<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>

csstable {
  width: 400px;
  empty-cells: show;
}
td {
  border: 1px solid black;
  background-color: #f3f3f3;
  text-align: center;
}

Результат:

နမူနာ ။ hide တန်ဖိုး

ယခုတော့ ဗလာဆဲလ်များတွင် နောက်ခံနှင့် အနားသတ် ရှိမည် မဟုတ်ပါ။

html<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>

csstable {
  width: 400px;
  empty-cells: hide;
}
td {
  border: 1px solid black;
  background-color: #f3f3f3;
  text-align: center;
}

Результат:

ဤအရာကိုလည်း ကြည့်ပါ