Example
Header cells with a predefined width:
<table>
<tr>
<th width=”70%”>Month</th>
<th width=”30%”>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
Definition and Usage
The width attribute specifies the width of a table header cell.
Normally, a cell takes up the space it needs to display the content. The width attribute is used to set a predefined width of a cell.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
Compatibility Notes
The width attribute of <th> is not supported in HTML5. Use CSS instead.
CSS syntax: <th style=”width:100px”>
CSS Example: Set the width of a header cell
In our CSS tutorial you can find more details about the width property.
Syntax
<th width=”pixels|%“>
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%”) |
