HTML Colgroup Tag - W3Schools

Trang chủ » Html Colgroup Col Width Not Working » HTML Colgroup Tag - W3Schools

Có thể bạn quan tâm

HTML <colgroup> Tag ❮ Previous Complete HTML Reference Next ❯

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 <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.

Note: The <colgroup> tag must be a child of a <table> element, after any <caption> elements and before any <thead>, <tbody>, <tfoot>, and <tr> elements.

Tip: To define different properties to a column within a <colgroup>, use the <col> tag within the <colgroup> tag.

Browser Support

Element
<colgroup> Yes Yes Yes Yes Yes

Attributes

Attribute Value Description
span number Specifies the number of columns a column group should span

Global Attributes

The <colgroup> tag also supports the Global Attributes in HTML.

Event Attributes

The <colgroup> tag also supports the Event Attributes in HTML.

Related Pages

HTML DOM reference: ColumnGroup Object

Default CSS Settings

Most browsers will display the <colgroup> element with the following default values:

Example

colgroup { display: table-column-group;} Try it Yourself » ❮ Previous Complete HTML Reference Next ❯ ★ +1 Track your progress - it's free! Log in Sign Up

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