HTML col Tag

HTML <col> Tag: The HTML<col> tag describes the column properties for each column. And this HTML col tag can be used for applying styles to the entire column instead of repeating styles for each cell and each row. This tag is used to set the style property to each column. This tag does not contain closing tags.

HTML <col> Tag

This HTML col tag supports both the global and the event attributes.

Syntax: <colgroup> <col span=” ” style=” “></colgroup>

Attributes

span: It is used to define the number of columns on which property will be applied.
style: This attribute is used to define the CSS to change the properties of the column.
align: This attribute is used to set the alignment of the content of the <col> element.
width: It is used to specify the width of a <col> element.
charoff: It is used to specify the number of characters the content will be aligned from the character specified by the char attribute.

Browser compatibility

The HTML<col> tag is supported by chrome, firefox, opera, safari and internet explorer.

Example:

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

<table>
  <colgroup>
    <col span="1" style="background-color:orange">
    <col style="background-color:white">
    <col style="background-color:green">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>2178965</td>
    <td>JAVA</td>
    <td>Rs.650</td>
  </tr>
  <tr>
    <td>5869651</td>
    <td>R programming</td>
    <td>Rs.490</td>
  </tr>
</table>

</body>
</html>

Output:

HTML col tag

Attributes that are supported by the <col> tag

Attribute	Value	Description
align	left right center justify char	Describes the alignment of the content related to a element
char	Character	Describes the alignment of the content related to a element to a character
charoff	number	Defines 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 element should span
valign	top middle bottom baseline	Specifies the vertical alignment of the content related to a element
width	% pixels relative_length	Specifies the width of a element