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