Web API DOMRectReadOnly y property

HTML <colgroup> width Attribute

Last Updated : 20 May, 2024

The HTML <colgroup> width Attribute is used to specify the width of the colgroup element. The <colgroup> attribute sets a predefined width of the column group.

Syntax

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

Attribute Values

Value	Description
pixels	It specify the width of the colgroup in terms of pixels.
%	It specify the width of the colgroup element in percent. For ex-width=”50%”
relative_length	It divides the length of the table in terms of pixels.

Note: The width attribute is not supported by HTML 5.

Example: In this example, we will set the width of the colgroup element.

html

<!DOCTYPE html>
<html>

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

    <style>
        h2 {
            text-align: center;
        }
        
        #myColGroup {
            background: green;
        }

        table {
            border: 2px solid #000;
            color: white;
            background: #fff;
            margin: auto;
        }

        td {
            padding: 10px;
        }
    </style>
</head>

<body>
    <h2>HTML colgroup width Attribute</h2>

    <table>
        <colgroup id="myColGroup" span="3" 
            align="left" width="150">
        </colgroup>
        
        <tr>
            <th>S.No</th>
            <th>Title</th>
            <th>Geek_id</th>
        </tr>
        <tr>
            <td>1</td>
            <td>GeekforGeeks</td>
            <td>Geek_id_1</td>
        </tr>
        <tr>
            <td>2</td>
            <td>GFG</td>
            <td>Geek_id_2</td>
        </tr>
    </table>
</body>

</html>

Output

HTML-Colgroup-Width-Attribute

Supported Browsers

Chrome 1
Edge 12
Firefox 1
Opera 15
Safari 4

Web API DOMRectReadOnly y property

H

hritikbhatnagar2182

Improve

Article Tags :

Similar Reads

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

HTML | <colgroup> span Attribute

The HTML <colgroup> span Attribute is used to define the number of column that a <colgroup> element should span. Syntax: <colgroup span="number"> Attribute Values: number: It contains the numeric value which specifies the number of col element should span. Example: C/C++ Code &

HTML | <colgroup> valign Attribute

The HTML <colgroup> valign Attribute is used to specify the vertical alignment of text content in a colgroup Element. Syntax: <colgroup valign="top | middle | bottom | baseline"> Attribute Values top: It sets the content to top-align. middle: It sets the content to middle-align. bottom:

HTML | <th> colspan Attribute

The <th> colspan Attribute in HTML is used to specify a number of columns a header cell should span. Syntax: <th colspan="number"> Attribute Values: It contains single value number which contains the numeric value to sets the number of column a header cell should span. Example: This exam

HTML <colgroup> char Attribute

The HTML <colgroup> char Attribute is used to set the alignment of the content in a column group in a character. It can only be used if the align attribute is set to "character". The default worth of char is that the decimal-point character of the page language.Syntax: <colgroup char="chara

HTML | <colgroup> align Attribute

The HTML <colgroup> align attribute is used to set the horizontal alignment of the text or content in the group of column. Syntax: <colgroup align="left|right|center|justify|char> Attribute Values: left: It sets the content to the left-align.right: It sets the content to the right-align.

HTML <th> char Attribute

The HTML <th> char attribute is used to specify the alignment to the character of content in a table header cell. It only contains the char align attribute. Its default value is a decimal point for page language. Note: It is not supported by HTML5. Syntax: <th char="character"> Attribute

HTML | <td>colspan Attribute

The HTML <td> colspan Attribute is used to specify the number of columns a table should span. Syntax: <td colspan="number"> Attribute Values: It contains the numeric value which specifies the number of columns a cell should span. Example: This Example illustrates the use of colspan attri

HTML <canvas> width Attribute

The HTML <canvas> width Attribute is used to specify the width of the <canvas> in terms of pixels. Syntax: <canvas width="pixels"> Attribute Values: It contains the value i.e pixels which specify the width of the canvas in terms of pixel. It has a Default value which is 300. Exampl

HTML <td> width Attribute

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