HTML5 <colgroup> 標簽

2022-05-23 14:44 更新

實例

HTML5 <colgroup>標簽可以組合<col>標簽。

<colgroup> 和 <col> 標簽為表格中的三個列設置了背景色：

 <table border="1">
  <colgroup>
    <col span="2" style="background-color:red">
    <col style="background-color:yellow">
  </colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
</table>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <colgroup> 標簽。

標簽定義及使用說明

<colgroup> 標簽用于對表格中的列進行組合，以便對其進行格式化。

通過使用 <colgroup> 標簽，可以向整個列應用樣式，而不需要重復為每個單元格或每一行設置樣式。

注釋：只能在 <table> 元素之內，在任何一個 <caption> 元素之后，在任何一個 <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 標簽。

提示：如果想對 <colgroup> 中的某列定義不同的屬性，請在 <colgroup> 標簽內使用 <col> 標簽。

HTML 4.01 與 HTML5之間的差異

HTML5 中不再支持 HTML 4.01 中的大部分屬性。

屬性

屬性 值 描述
align (已廢棄)
 left
right
center
justify
char		 HTML5 不支持。規(guī)定在列組合中內容的水平對齊方式。
char (已廢棄) character HTML5 不支持。規(guī)定根據哪個字符來對齊列組中的內容。
charoff (已廢棄) number HTML5 不支持。規(guī)定第一個對齊字符的偏移量。
span number 規(guī)定列組應該橫跨的列數(shù)。
valign (已廢棄) top
middle
bottom
baseline		 HTML5 不支持。定義在列組合中內容的垂直對齊方式。
width (已廢棄) pixels
%
relative_length		 HTML5 不支持。規(guī)定列組合的寬度。

全局屬性

<colgroup> 標簽支持 HTML 的全局屬性。

事件屬性

<colgroup> 標簽支持 HTML 的事件屬性。

以上內容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號