HTML | <colgroup> width Attribute
Last Updated :
31 Dec, 2021
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.
Note: The
width attribute is not supported by HTML 5.
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 >
|
Output:
Supported Browsers: The browsers supported by <colgroup> width attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Safari
- Opera
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...