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

---

Differences Between HTML 4.01 and HTML5

Most of the attributes in HTML 4.01 are not supported in HTML5.

---

---

Differences Between HTML and XHTML

In HTML the <col> tag has no end tag.

In XHTML, the <col> tag must be properly closed.

---

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

---

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 »