HTML Colgroup Width Attribute

Trang chủ » Html Colgroup Col Width Not Working » HTML Colgroup Width Attribute

Có thể bạn quan tâm

HTML <colgroup> width Attribute

HTML colgroup Tag Reference HTML <colgroup> tag

Example

A <colgroup> element that specifies that the first column should have a predefined width of 200 pixels:

<table> <colgroup width="200"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table> Try it Yourself »

Definition and Usage

The width attribute specifies the width of a column group.

Normally, a column group takes up the space it needs to display the content. The width attribute is used to set a predefined width of a column group.

Note: This attribute will be overwritten by any width set by <col> elements.

Browser Support

Attribute
width Yes Yes Yes Yes Yes

The width attribute is supported in all major browsers. However, none of the browsers support the relative_length value.

Compatibility Notes

The width attribute of <colgroup> is not supported in HTML5. Use CSS instead.

CSS syntax: <td style="width:200px">

CSS Example: Specify width of a table column

In our CSS tutorial you can find more details about the width property.

Syntax

<colgroup width="pixels|%|relative_lngth">

Attribute Values

Value Description
pixels Sets the width in pixels (example: width="50")
% Sets the width in percent of the surrounding element (example: width="50%")
relative_length Shares the available pixels into parts. (e.g. A table is 100 px, the first column group is 20 px, the second is 50%, the available pixels will then be 30px). One part is set like this: "1*".

Example: If 30 px of space are available, you can have one "1*" and one "2*", which will be interpreted as 10 and 20 px (think of 1* as one part, and 2* as two parts).
HTML colgroup Tag Reference HTML <colgroup> tag

Từ khóa » Html Colgroup Col Width Not Working