HTML <colgroup> width属性用法及代码示例

HTML <colgroup> width属性用于指定colgroup元素的宽度。 <colgroup>属性设置列组的预定义宽度。

用法:

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

属性值：

pixels:它以像素为单位指定colgroup的宽度。
％：它以百分比指定colgroup元素的宽度。对于ex-width =“ 50％”
relative_length:它按照像素划分表格的长度。

例：

<!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>

输出：

支持的浏览器：<colgroup> width属性支持的浏览器如下所示：

谷歌浏览器
IE浏览器
Firefox
Safari
Opera

相关用法

注：本文由纯净天空筛选整理自hritikbhatnagar2182大神的英文原创作品 HTML | <colgroup> width Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。