HTML <colgroup> टैग
परिभाषा और उपयोग
<colgroup> टैग का उपयोग तालिका में एक से अधिक स्तम्भ के समूह के रूप में निर्धारित करता है。
सभी स्तम्भों पर शैली लागू करने के लिए<colgroup> टैग बहुत उपयोगी है, इस प्रकार विभिन्न ग्रिड और पंक्तियों पर शैली को दोहराने की आवश्यकता नहीं होती।
ध्यान दें:<colgroup> टैग होना चाहिए <table> एलीमेंट के उप-एलीमेंट, किसी <caption> एलीमेंट के बाद और किसी <thead>、<tbody>、<tfoot> और <tr> एलीमेंट के पहले
सूचना:इसके लिए <colgroup> किसी एक स्तम्भ के लिए अलग-अलग विशेषताएँ निर्धारित करने के लिए <colgroup> टैग में इस्तेमाल: <col> टैग।
और देखें:
HTML संदर्भ पुस्तका:<col> टैग
HTML DOM संदर्भ पुस्तका:ColumnGroup ऑब्जेक्ट
उदाहरण
यहाँ <colgroup> और <col> टैग का उपयोग करके तीन स्तम्भ का पृष्ठभूमि रंग निर्धारित करें:
<table>
<colgroup>
<col span="2" style="background-color:red">
<col style="background-color:yellow">
</colgroup>
<tr>
<th>पुस्तक संख्या</th>
<th>शीर्षक</th>
<th>मूल्य</th>
</tr>
<tr>
<td>3476896</td>
<td>HTML शुरूआत</td>
<td>$53</td>
</tr>
</table>
गुण
| गुण | मूल्य | वर्णन |
|---|---|---|
| स्पैन | संख्या | स्तम्भ समूह को कितने स्तम्भों को चौड़ा करना है का प्रदर्शन करता है |
वैश्विक गुण
<colgroup> टैग इवेंट गुण का समर्थन करता है HTML में वैश्विक गुण।
इवेंट गुण
<colgroup> टैग इवेंट गुण का समर्थन करता है HTML में इवेंट गुण।
डिफ़ॉल्ट की सीएसएस सेटिंग
अधिकांश ब्राउज़र निम्नलिखित डिफ़ॉल्ट मूल्यों को प्रदर्शित करेंगे <colgroup> एलीमेंट:
colgroup {
display: table-column-group;
}
ब्राउज़र सापोर्ट
| च्रोम | एज | फायरफॉक्स | सफारी | ऑपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सफारी | ऑपेरा |
| सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट | सापोर्ट |
