HTML width Attribute

HTML <td> width Attribute

Last Updated : 11 Jul, 2025

The HTML <td> width attribute was traditionally used to specify the width of a table cell. If this attribute is not set, the cell automatically adjusts its width based on the content it contains. This attribute provides flexibility as it accepts values in both pixels and percentages, allowing developers to control the layout and responsiveness of the table element.

However, it is important to note that the <td> width attribute is not supported in HTML5. We have new ways now that favor the use of CSS for styling table elements, including specifying width.

Note: The <td> width Attribute is not supported by HTML5.

Syntax

<td width="pixels | %">

Attribute Values

Attribute Values	Descriptions
pixels	It sets the width of the table in terms of pixels.
%	It sets the width of the table in terms of percentage (%).

Example 1: Using Pixels for <td> Width

In the following example, we set the width of the first column in pixels.

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML td width Attribute
    </title>
</head>

<body>
    <center>
        <h1 style="color: green;">
          GeeksforGeeks
          </h1>

        <h3 style="color: crimson;">
          HTML td width Attribute
          </h3>

        <table border="1" width="500">
            <tr>
                <th>NAME</th>
                <th>AGE</th>
                <th>BRANCH</th>
            </tr>

            <tr>
                <td width="50%">BITTU</td>
                <td width="20%">22</td>
                <td width="30%">CSE</td>
            </tr>

            <tr>
                <td>RAKESH</td>
                <td>25</td>
                <td>EC</td>
            </tr>
        </table>
    </center>
</body>

</html>

Output:

Screenshot-2023-12-14-121127

Example 2: Using Percentage for <td> Width

In this example, we set the width of the first column as a percentage of the total table width.

<!DOCTYPE html>
<html>

<head>
    <title>
        HTML td width Attribute
    </title>
</head>

<body>
    <center>
        <h1 style="color: green;">
          GeeksforGeeks
          </h1>

        <h3 style="color: crimson;">
          HTML td width Attribute
          </h3>

        <table border="1" width="80%">
            <tr>
                <th>NAME</th>
                <th>AGE</th>
                <th>BRANCH</th>
            </tr>

            <tr>
                <td width="40%">BITTU</td>
                <td width="30%">22</td>
                <td width="30%">CSE</td>
            </tr>

            <tr>
                <td width="60%">RAKESH</td>
                <td width="20%">25</td>
                <td width="20%">EC</td>
            </tr>
        </table>
    </center>
</body>

</html>

Output:

Screenshot-2023-12-14-121552

Important Note on HTML5

The <td> width attribute is deprecated in HTML5, meaning it is no longer supported in modern web development. Instead of using the width attribute in the <td> element, developers should now use CSS to control the width of table cells for better styling and responsiveness.

Here’s an example of how to set the width of a table cell using CSS:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Table Cell Width Using CSS</title>
    <style>
        td {
            width: 200px; /* Example of setting width in CSS */
        }
    </style>
</head>
<body>
    <table border="1">
        <tr>
            <td>Cell with width set using CSS</td>
            <td>Another cell</td>
        </tr>
        <tr>
            <td>Cell with width set using CSS</td>
            <td>Another cell</td>
        </tr>
    </table>
</body>
</html>

Output:

Screenshot-2024-09-24-153852

Supported Browsers

Google Chrome 1 and above
Microsoft Edge 12 and above
Firefox 1 and above
Opera 12.1 and above
Safari 1 and above

HTML is the foundation of webpages, is used for webpage development by structuring websites and web apps.You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples.

HTML <td> width Attribute

HTML width Attribute

J

Similar Reads

HTML <th> width Attribute

TheÂ HTML <th> width AttributeÂ is used toÂ specify the width of a table header cell. If the width attribute is not set then it takes the default width according to the content. Syntax:<th width="pixels | %">Attribute Values:Attributes valuesDescriptionpixelsIt sets the width of the table h

HTML | <pre> width Attribute

The HTML <pre> width Attribute is used to specify the maximum number of characters per line. Note: The width Attribute is not supported by HTML5 Syntax: <pre width="number"> Attribute Values: number: It is used to set the maximum number of characters. Example: html <!DOCTYPE html>

HTML <table> width Attribute

The HTML <table> element's width attribute specifies the width of the table. It can accept values in pixels or percentages. However, in HTML5, it is recommended to control table width using CSS instead.Syntax<table width="pixels | %">Attribute Valuespixels: It sets the width of the table

HTML <object> width Attribute

The HTML <object> width attribute is used to specify the horizontal dimension of the embedded object, defining the width of the displayed content within the webpage. Syntax: <object width="pixels">Attribute Values: pixels: It holds the width of the object in terms of pixels.The below exa

HTML | <input> width Attribute

The HTML <input> width Attribute is used to specify the width of the <input> element. This Attribute is only used for input type="image". Syntax: <input width="pixels"> Attribute Values: It contains the value i.e pixels which specify the width of the input Element. Example: HTML

HTML | <col> width Attribute

The HTML <col> width Attribute is used to specify the width of a column element. If width attribute is not set then it takes default width according to content. It is not supported by HTML 5. Syntax: <col width="pixels | % | relative_length"> Attribute Values: pixels: It sets the width o