<col>

HTML `<col>` (Table Column) Tag

Example

<table>
<colgroup>
  <col style="background-color:red">
  <col span="2" style="background-color:yellow">
</colgroup>
<tr>
  <th>No</th>
  <th>First Name</th>
  <th>Last Name</th>
</tr>
<tr>
  <td>01</td>
  <td>John</td>
  <td>Doe</td>
</tr>
<tr>
  <td>02</td>
  <td>Michael</td>
  <td>Jackson</td>
</tr>
</table>

Try this code ❯

Meaning

The <col> element defines a column within a table and is used for grouping and alignment purposes.

It parent tag is <colgroup>.

Notes:

XHTML 1.0 and XHTML5, <col> requires a trailing slash: <col />.
This element should appear within a <colgroup> element.

Version: HTML 4, 4.01, 5

Standard Syntax

HTML:<col>
XHTML:<col />

Attributes

Attribute	Value	Description
span	number	Specifies the number of columns a <col> element should span. (default value is 1)

Deprecated Attributes

Attribute	Value	Description
align	left\|center\|right\|justify	Specifies how horizontal alignment of each column cell content. (Use CSS text-align properties)
bgcolor	color\|hexadecimal	Background color of each column cell content. (Use CSS background-color properties)
char	character	Specifies the character to which cell contents should align.
charoff	number	Specifies the number of characters by which the column data should be offset from the alignment characters specified by the char value.
valign	baseline\|bottom\|middle\|top	Specifies the vertical alignment of the text within each cell of the column.
width	length	Specifies the width of the text within each cell of the column.

Global Attributes

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

Event Attributes

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

By Default CSS Value(s)

Most of the browsers will display the <col> element with the following by default value(s)

col {
  display: table-column;
}