HTML <colgroup> 標(biāo)簽

2022-06-01 15:20 更新

<colgroup> 標(biāo)簽用于表示 HTML 的表格列組,定義了表中的一組列表。

實(shí)例

<colgroup> 和 <col> 標(biāo)簽為表格中的三個(gè)列設(shè)置了背景色:

<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> 標(biāo)簽。


標(biāo)簽定義及使用說明

<colgroup> 標(biāo)簽用于對(duì)表格中的列進(jìn)行組合,以便對(duì)其進(jìn)行格式化。

通過使用 <colgroup> 標(biāo)簽,可以向整個(gè)列應(yīng)用樣式,而不需要重復(fù)為每個(gè)單元格或每一行設(shè)置樣式。

注釋:只能在 <table> 元素之內(nèi),在任何一個(gè) <caption> 元素之后,在任何一個(gè) <thead>、<tbody>、<tfoot>、<tr> 元素之前使用 <colgroup> 標(biāo)簽。

提示:如果想對(duì) <colgroup> 中的某列定義不同的屬性,請(qǐng)?jiān)?<colgroup> 標(biāo)簽內(nèi)使用 <col> 標(biāo)簽。


HTML 4.01 與 HTML5之間的差異

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


屬性

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


全局屬性

<colgroup> 標(biāo)簽支持 HTML 的全局屬性


事件屬性

<colgroup> 標(biāo)簽支持 HTML 的事件屬性。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)