HTML5 <col> 標簽

2022-05-23 14:43 更新

實例

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

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

標簽定義及使用說明

<col> 標簽規(guī)定了 <colgroup> 元素內部的每一列的列屬性。

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

HTML 4.01 與 HTML5之間的差異

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

HTML 與 XHTML 之間的差異

在 HTML 中，<col> 標簽沒有結束標簽。

在 XHTML 中，<col> 標簽必須被正確的關閉。

屬性

屬性值描述
align (已廢棄)
left
right
center
justify
char		HTML5 不支持。規(guī)定與 <col> 元素相關的內容的水平對齊方式。
char (已廢棄)
characterHTML5 不支持。規(guī)定根據(jù)哪個字符來對齊與 <col> 元素相關的內容。
charoff (已廢棄)
numberHTML5 不支持。規(guī)定第一個對齊字符的偏移量。
spannumber規(guī)定 <col> 元素應該橫跨的列數(shù)。
valign (已廢棄)
top
middle
bottom
baseline		HTML5 不支持。規(guī)定與 <col> 元素相關的內容的垂直對齊方式。
width (已廢棄)
%
pixels
relative_length		HTML5 不支持。Specifies the width of a <col> element

全局屬性

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

事件屬性

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

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號