HTML | <colgroup> width Attribute

Last Updated : 07 Aug, 2019

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

Syntax:

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

Attribute Values:

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.

Example:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML ColumnGroup width Attribute 
    </title> 
  
    <style> 
        #myColGroup { 
            background: green; 
        } 
          
        table { 
            color: white; 
            background: yellow; 
        } 
          
        #Geek_p { 
            color: green; 
            font-size: 30px; 
        } 
          
        td { 
            padding: 10px; 
        } 
    </style> 
</head> 
  
<body> 
    <center>
        <h1 style="color:green;"> 
            GeeksForGeeks 
        </h1> 
      
        <h2>HTML ColumnGroup 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>Geek_1</td> 
                <td>GeekForGeeks</td> 
                <th>Geek_id_1</th> 
            </tr> 
            <tr> 
                <td>Geek_2</td> 
                <td>GeeksForGeeks</td> 
                <th>Geek_id_2</th> 
            </tr> 
        </table> 
    </center>
</body> 
  
</html>