HTML <col> Tag
ဥပမာ
<colgroup> နှင့် <col> တဂ်များဖြင့် ကော်လံသုံးခု၏ နောက်ခံအရောင်ကို သတ်မှတ်ပါ-
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td>$53</td>
</tr>
</table>
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
တဂ် သည် <colgroup> ဒြပ်စင် <col>
အတွင်း ကော်လံတစ်ခုစီအတွက် ကော်လံဂုဏ်သတ္တိများကို သတ်မှတ်သည်
။
<col>
တဂ်သည် အတန်းတစ်ခုစီအတွက် ဆဲလ်တစ်ခုစီအတွက် စတိုင်များကို ထပ်ခါတလဲလဲလုပ်မည့်အစား ကော်လံတစ်ခုလုံးတွင် ပုံစံများကို အသုံးချရန်အတွက် အသုံးဝင်သည် ။
Browser ပံ့ပိုးမှု
Element | |||||
---|---|---|---|---|---|
<col> | Yes | Yes | Yes | Yes | Yes |
ဂုဏ်တော်
Attribute | Value | Description |
---|---|---|
span | number | Specifies the number of columns a <col> element should span |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<col>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<col>
tag သည် HTML ရှိ Event Attributes များကိုလည်း ပံ့ပိုး ပေးပါသည် ။
နောက်ထပ် ဥပမာများ
ဥပမာ
ဇယားကော်လံများတွင် စာသားကိုချိန်ညှိပါ (CSS ဖြင့်)
<table style="width:100%">
<tr>
<th>ISBN</th>
<th>Title</th>
<th>Price</th>
</tr>
<tr>
<td>3476896</td>
<td>My first HTML</td>
<td style="text-align:right">$53</td>
</tr>
<tr>
<td>2489604</td>
<td>My first CSS</td>
<td style="text-align:right">$47</td>
</tr>
</table>
ဥပမာ
ဇယားကော်လံများတွင် ဒေါင်လိုက် ညှိထားသော စာသား (CSS ဖြင့်)
<table style="height:200px">
<tr>
<th>Month</th>
<th
style="vertical-align:bottom">Savings</th>
</tr>
<tr>
<td>January</td>
<td
style="vertical-align:bottom">$100</td>
</tr>
</table>
ဥပမာ
ဇယားကော်လံများ၏ အကျယ်ကို သတ်မှတ်ပါ (CSS ဖြင့်)
<table>
<tr>
<th
style="width:130px">Month</th>
<th
style="width:80px">Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- ကော်လံ အရာဝတ္ထု
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <col>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
col {
display: table-column;
}