HTML <col> Tag

The <col> tag defines the properties of one or more columns in the HTML table defined by the <table> tag. The <col> tag is often used with the <colgroup> tag, which specifies a group with common properties.

Syntax

The <col> tag is an empty element, closing tag isn’t required. In XHTML the (<col>) tag must be closed (</col>).

The <col> tag is placed inside the <table> tag, before the <thead>, <tbody>, <tfoot> and <tr> tags; and after the <caption> tag, if it is used (in the <caption> tag we insert name of the table).

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      table, th, td {
        border: 1px solid #666;
      }
    </style>
  </head>
  <body>
    <table>
      <colgroup>
        <col span="2" style=" width:20%; background-color:#eee;">
        <col style="width:10%; background-color:#8ebf42;">
      </colgroup>
      <tr>
        <th>Name</th>
        <th>Gender</th>
        <th>Age</th>
      </tr>
      <tr>
        <td>Mary Nicolson</td>
        <td>female</td>
        <td>19</td>
      </tr>
      <tr>
        <td>John Johnson</td>
        <td>male</td>
        <td>23</td>
      </tr>
    </table>
  </body>
</html>

Result

Attributes

Attribute Value Description
align Sets the alignment of the contents of the column.
Not supported in HTML5.
left Aligns to the left.
right Aligns to the right.
center Aligns the center.
justify Stretches the lines so that each line has equal width.
char Aligns a special character with a minimum offset, which are defined by the char and charoff attributes.
char character Aligns the contents of the content related to a <col> element to a character. Is used only if the attribute align = "char".
Not supported in HTML5.
charoff number Shifts the contents of the cell relative to the specified character specified as the value of the attribute to the right (positive values) or to the left (negative values). Is used only if the attribute align = "char".
Not supported in HTML5.
span number Sets the quantity of columns, the properties of which are determined by the <col> element. The number must be a positive integer. If the parameter is not specified, the default value is 1.
valign Aligns the content vertically.
top Aligns at the top of the line.
bottom Aligns the bottom edge.
middle Aligns in the middle.
baseline Aligns the baseline.
Not supported in HTML5.
width %
pixels
relative_length
Sets the width of the column.
Not supported in HTML5.

The <col> tag also supports the Global Attributes and the Event Attributes.

Browser support