當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


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。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。