HTML <col> टैग

  • पिछला पृष्ठ <code>
  • अगला पृष्ठ <colgroup>

परिभाषा और उपयोग

<col> टैग एक तालिका में एक या अधिक स्तम्भ के लिए गुण मानों को निर्दिष्ट करता है。

सभी स्तम्भ पर शैली लागू करने के लिए<col> टैग बहुत उपयोगी है, इस प्रकार विभिन्न इकाइयों और पंक्तियों पर शैली दोहराने की आवश्यकता नहीं होती है。

सूचना

अगर आप चाहते हैं कि colgroup अंदर के हर स्तम्भ के लिए अलग-अलग गुण मानों को निर्दिष्ट करते समय, इस एलेमेंट का इस्तेमाल करें।यदि col एलेमेंट नहीं है, तो स्तम्भ colgroup से सभी गुण मानों को विरासत में लेता है。

col एलेमेंट एक खाली एलेमेंट है जो केवल गुणों को शामिल करता है।यदि आप कॉलम बनाना चाहते हैं, तो आपको tr एलेमेंट के अंदर td एलेमेंट को निर्दिष्ट करना होगा。

अन्य देखें:

HTML संदर्भ पुस्तका:<colgroup> टैग

HTML DOM संदर्भ पुस्तका:कॉलम ऑब्जैक्ट

उदाहरण

इस्तेमाल <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>

खुद आयात करें

गुण

गुण मूल्य वर्णन
span संख्या रेखांकित <col> एलीमेंट को कितने स्तम्भों को तटस्थ करना है

वैश्विक गुण

<col> टैग इवेंट गुण को भी समर्थित करता है HTML में वैश्विक गुण。

इवेंट गुण

<col> टैग इवेंट गुण को भी समर्थित करता है HTML में इवेंट गुण。

डिफॉल्ट की सीएसएस सेटिंग

अधिकांश ब्राउज़र निम्नलिखित डिफॉल्ट मूल्यों को प्रदर्शित करेंगे <col> एलीमेंट:

col {
  display: table-column;
}

खुद आयात करें

ब्राउज़र सहायता

च्रोम एज फायरफॉक्स सैफारी ओपेरा
च्रोम एज फायरफॉक्स सैफारी ओपेरा
सहायता सहायता सहायता सहायता सहायता
  • पिछला पृष्ठ <code>
  • अगला पृष्ठ <colgroup>