హ్ట్మ్ఎల్ <col> టాగ్

  • పూర్వ పేజీ <code>
  • తదుపరి పేజీ <colgroup>

నిర్వచనం మరియు ఉపయోగం

<col> టాగ్ టేబుల్లో ఒక లేదా పలు నిలువులకు అట్రిబ్యూట్ విలువలు నిర్దేశిస్తుంది.

అన్ని నిలువులకు స్టైల్స్ అనువర్తించడానికి ఉపయోగించండి:<col> టాగ్ ఎక్కువగా ఉపయోగపడుతుంది, అలాగే ప్రతి కొలతకు మరియు ప్రతి వరుసకు స్టైల్స్ అనువర్తించకుండా ఉంటుంది.

అనురూపం

మీరు ఇది చేయాలని కావాలి అయితే దాని లో ఉంచండి: colgroup నిలువులకు అంతర్గతంగా వేర్వేరు అట్రిబ్యూట్ విలువలు నిర్దేశించడానికి ఈ ఎలమెంట్ ను ఉపయోగించండి. కానీ col ఎలమెంట్ లేకపోతే, నిలువులు colgroup నుండి అన్ని అట్రిబ్యూట్ విలువలను వారిలో వారితో ఉంచుతారు.

col ఎలమెంట్ అంతర్గతంగా ప్రతి నిలువుకు వేర్వేరు అట్రిబ్యూట్ విలువలు నిర్దేశించడానికి ఉపయోగించండి. కానీ col ఎలమెంట్ లేకపోతే, నిలువులు colgroup నుండి అన్ని అట్రిబ్యూట్ విలువలను వారిలో వారితో ఉంచుతారు.

మరింత చూడండి:

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 లో ఇవెంట్ అట్రిబ్యూట్స్.

డిఫాల్ట్ CSS అమర్పులు

అధికారిక బ్రౌజర్లు క్రింది డిఫాల్ట్ విలువలను ఉపయోగిస్తారు <col> కొడింగ్ ప్రాంతం:

col {
  display: table-column;
}

పరీక్షించండి

బ్రౌజర్ మద్దతు

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు
  • పూర్వ పేజీ <code>
  • తదుపరి పేజీ <colgroup>