HTML <colgroup> 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>
ချခြင်းအတွက် ဇယားတစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော ကော်လံအုပ်စုတစ်စုကို သတ်မှတ်သည်။
<colgroup>
တဂ်သည် အတန်းတစ်ခုစီအတွက် ဆဲလ်တစ်ခုစီအတွက် စတိုင်များကို ထပ်ခါတလဲလဲလုပ်မည့်အစား ကော်လံတစ်ခုလုံးတွင် ပုံစံများကို အသုံးချရန်အတွက် အသုံးဝင်သည် ။
မှတ်ချက်- တဂ် <colgroup>
သည် <table> ဒြပ်စင်တစ်ခု၏ ကလေးဖြစ်ရပါမည်။
အကြံပြုချက်- ကော်လံတစ်ခုအတွင်း မတူညီသော ဂုဏ်သတ္တိများကို သတ်မှတ်ရန် ၊ တဂ်အတွင်း <col><colgroup>
တဂ် ကို အသုံးပြုပါ ။<colgroup>
Browser ပံ့ပိုးမှု
Element | |||||
---|---|---|---|---|---|
<colgroup> | Yes | Yes | Yes | Yes | Yes |
ဂုဏ်တော်
Attribute | Value | Description |
---|---|---|
span | number | Specifies the number of columns a column group should span |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<colgroup>
tag သည် HTML တွင် Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<colgroup>
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:200px">Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- ColumnGroup Object
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် <colgroup>
အောက်ဖော်ပြပါ ပုံသေတန်ဖိုးများဖြင့် အစိတ်အပိုင်းကို ပြသလိမ့်မည်-
ဥပမာ
colgroup {
display: table-column-group;
}