Tutorials References Exercises Sign Up Menu
Create Website Get Certified Pro

HTML <col> Tag


Example

Set the background color of the three columns with the <colgroup> and <col> tags:

<table>
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </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>
</table>
Try it Yourself »

Definition and Usage

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.


Browser Support

Element
<col> Yes Yes Yes Yes Yes


Attributes

Attribute Value Description
span number Specifies the number of columns a <col> element should span

Global Attributes

The <col> tag also supports the Global Attributes in HTML.


Event Attributes

The <col> tag also supports the Event Attributes in HTML.


Related Pages

HTML DOM reference: Column Object


Default CSS Settings

Most browsers will display the <col> element with the following default values:

Example

col {
  display: table-column;
}
Try it Yourself »