<

HTML <colgroup> Tag

The <colgroup> tag specifies a group of one or more columns in a table for formatting.The <colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.

Attributes



Attribute Value Description
align left
right
center
justify
char
Not supported in HTML5.
Aligns the content in a column group
char character Not supported in HTML5.
Aligns the content in a column group to a character
charoff number Not supported in HTML5.
Sets 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 column group should span
valign top
middle
bottom
baseline
Not supported in HTML5.
Vertical aligns the content in a column group
width pixels
%
relative_length
Not supported in HTML5.
Specifies the width of a column group


Example




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

<table>
  <colgroup>
    <col span="2" style="background-color:green">
    <col style="background-color:white">
  </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>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td>$49</td>
  </tr>
</table>

</body>
</html>
















© copyright 2017-2022 Completedone pvt ltd.