एचटीएमएल <colgroup> टैग
उदाहरण
<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> टैग किसी भी <कैप्शन> एलीमेंट के बाद और किसी भी <thead>, <tbody>, <tfoot>, और <tr> एलीमेंट से पहले <table> एलीमेंट का चाइल्ड होना चाहिए ।
युक्ति: a के भीतर एक कॉलम में विभिन्न गुणों को परिभाषित करने के लिए , टैग के भीतर <col><colgroup> टैग का उपयोग करें ।<colgroup>
ब्राउज़र समर्थन
| Element | |||||
|---|---|---|---|---|---|
| <colgroup> | Yes | Yes | Yes | Yes | Yes |
गुण
| Attribute | Value | Description |
|---|---|---|
| span | number | Specifies the number of columns a column group should span |
वैश्विक गुण
<colgroup>टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<colgroup>टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है ।
और ज्यादा उदाहरण
उदाहरण
तालिका कॉलम में टेक्स्ट संरेखित करें (सीएसएस के साथ):
<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>
उदाहरण
तालिका कॉलम में लंबवत-संरेखित टेक्स्ट (सीएसएस के साथ):
<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>
उदाहरण
तालिका कॉलम की चौड़ाई निर्दिष्ट करें (सीएसएस के साथ):
<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
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र <colgroup>निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:
उदाहरण
colgroup {
display: table-column-group;
}