Latest

recent

HTML colgroup width Attribute

Definition and Usage

The width attribute specifies width of the table cells in the column.
If this attribute is not specified, the table cells will take as much (or little) room as they need.
This attribute will be overridden by any width set in the <col> element

Syntax

<colgroup width="length" />

Syntax Example

<colgroup width="60px" />

Attribute Values

Value Description
pixels Length in pixels (like "100px", or just "100").
percent Length in percent of entire table (like "20%").
relative_length Relative length is a W3C standard that is not implemented in any of the major browsers.Relative length is a way of splitting all available pixels (if a table length is 100 pixels, and the first columngroup uses 20 px, and the second uses 50%, available pixels will be 30px). The available pixels are shared using parts, one part is set like this: "1*". The available pixels are divided into the set parts.
Example: If 30 pixels are available, you can have one relative length "1*" and one "2*", this will be interpreted as 10 and 20 pixels (think of this as 1* = 1 part, and 2* = 2 parts).


Browser Support

The attribute is supported in all major browsers.
Note: None of the browsers support the relative_length value of this attribute.

Example

Source Output
<table border="1">
<colgroup width="40px" />
<colgroup width="60px" />
<colgroup width="100px" />
<tr>
<th colspan="3">This table contains
three table data cells</th>
</tr>
<tr>
<td>Harry</td>
<td>Potter</td>
<td>Richard</td>
</tr>
</table>
This table contains three table data cells
Harry Potter Richard
HTML colgroup width Attribute Reviewed by 1000sourcecodes on 05:38 Rating: 5
Powered by Blogger.