<

HTML <col> Tag

The <col> tag specifies column properties for each column within a <colgroup> element.The <col> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.

Attributes



Attribute Value Description
align left
right
center
justify
char
Not supported in HTML5.
Specifies the alignment of the content related to a <col> element
char character Not supported in HTML5.
Specifies the alignment of the content related to a <col> element to a character
charoff number Not supported in HTML5.
Specifies the number of characters the content will be aligned from the character specified by the char attribute
span number Specifies the number of columns a <col> element should span
valign top
middle
bottom
baseline
Not supported in HTML5.
Specifies the vertical alignment of the content related to a <col> element
width %
pixels
relative_length
Not supported in HTML5.
Specifies the width of a <col> element


Example



<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
}
</style>
</head>
<body>

<table>
  <colgroup>
    <col span="2" style="background-color:green">
    <col style="background-color:white">
  </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>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
  </tr>
</table>

</body>
</html>

















© copyright 2017-2022 Completedone pvt ltd.