HTML Table Padding & Spacing
HTML ဇယားများသည် ဆဲလ်အတွင်းရှိ အကွက်များကို ချိန်ညှိနိုင်ပြီး ဆဲလ်များကြားရှိ နေရာလွတ်ကိုလည်း ချိန်ညှိနိုင်သည်။
ဟယ်လို | ဟယ်လို | ဟယ်လို |
ဟယ်လို | ဟယ်လို | ဟယ်လို |
ဟယ်လို | ဟယ်လို | ဟယ်လို |
ဟယ်လို | ဟယ်လို | ဟယ်လို |
ဟယ်လို | ဟယ်လို | ဟယ်လို |
ဟယ်လို | ဟယ်လို | ဟယ်လို |
HTML ဇယား - Cell Padding
Cell padding သည် ဆဲလ်အစွန်းများနှင့် ဆဲလ်အကြောင်းအရာကြားရှိ နေရာလွတ်ဖြစ်သည်။
ပုံမှန်အားဖြင့် padding ကို 0 ဟုသတ်မှတ်ထားသည်။
ဇယားဆဲလ်များပေါ်တွင် padding ထည့်ရန် CSS padding
ပိုင်ဆိုင်မှုကို အသုံးပြုပါ-
ဥပမာ
th, td
{
padding: 15px;
}
အကြောင်းအရာအပေါ်တွင်သာ အကွက်ထည့်ရန်၊ padding-top
ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
နှင့် အခြားတစ်ဖက် padding-bottom
တွင် , padding-left
, နှင့် padding-right
ဂုဏ်သတ္တိများ-
ဥပမာ
th, td
{
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
HTML ဇယား - ဆဲလ်အကွာအဝေး
Cell spacing သည် ဆဲလ်တစ်ခုစီကြားရှိ နေရာလွတ်ဖြစ်သည်။
ပုံမှန်အားဖြင့် နေရာလွတ်ကို 2 ပစ်ဇယ်အဖြစ် သတ်မှတ်ထားသည်။
ဇယားဆဲလ်များကြား နေရာလွတ်ကို ပြောင်းရန်၊
ဒြပ် စင်ပေါ်ရှိ CSS
border-spacing
ပိုင်ဆိုင်မှုကို အသုံးပြုပါ-table
ဥပမာ
table
{
border-spacing:
30px;
}