# HTML <colgroup> width Attribute

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

### WEB HOSTING

UK Reseller Hosting

### WEB BUILDING

FREE Website BUILDER Free HTML5 Templates

### W3SCHOOLS EXAMS

HTML, CSS, JavaScript, PHP, jQuery, XML, and ASP Certifications

### SHARE THIS PAGE

### Color Picker

### HTML/CSS

HTML Tutorial HTML5 Tutorial CSS Tutorial CSS3 Tutorial Bootstrap Tutorial

### JavaScript

JavaScript Tutorial jQuery Tutorial jQuery Mobile Tutorial AngularJS Tutorial AJAX Tutorial JSON Tutorial

### Graphics

Canvas Tutorial SVG Tutorial Google Maps Tutorial

### Server Side

SQL Tutorial PHP Tutorial ASP Tutorial ASP.NET Tutorial VBScript Tutorial AppML Tutorial

### Web

Web Building Web Statistics Web Certification

### XML

XML Tutorial DTD Tutorial Schema Tutorial XML DOM Tutorial XPath Tutorial XSLT Tutorial XQuery Tutorial XSL-FO Tutorial RSS Tutorial WSDL Tutorial

### HTML/CSS

HTML Tag Reference HTML Event Reference HTML Color Reference CSS 1,2,3 Reference Bootstrap Reference

### JavaScript

JavaScript Reference HTML DOM Reference jQuery Reference jQuery Mobile Reference Google Maps Reference

### Server Side

PHP Reference SQL Reference ASP Reference VBScript Reference Razor Reference ASP.NET Reference

### XML

XML DOM Reference XSLT Reference XSL-FO Reference XPath Reference XQuery Reference Schema Reference RSS Reference SVG Reference

### HTML Charsets

HTML Character Sets HTML ASCII HTML ANSI HTML Windows-1252 HTML ISO-8859-1 HTML Symbols HTML UTF-8

### HTML/CSS

HTML Examples CSS Examples

### Browser Scripting

JavaScript Examples HTML DOM Examples jQuery Examples jQuery Mobile Examples AngularJS Examples AJAX Examples

### Server Scripting

PHP Examples ASP Examples VBScript Examples Razor Examples .NET Examples

### XML Languages

XML Examples DTD Examples XML DOM Examples XSL Examples XSLT Examples XPath Examples XQuery Examples Schema Examples RSS Examples SVG Examples