close

htmltag.jpg

實例

兩個colgroup 元素為表格中的三列規定了不同的對齊方式和样式(注意第一個colgroup 元素橫跨兩列):

<table width="100%" border="1">
  <colgroup span="2" align="left"></colgroup>
  <colgroup align="right" style="color:#0000FF;"></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>
	

瀏覽器支持

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

Firefox、Chrome 以及Safari 僅支持colgroup 元素的span 和width 屬性。


定義和用法

<colgroup> 標籤用於對錶格中的列進行組合,以便對其進行格式化。

如需對全部列應用樣式,<colgroup> 標籤很有用,這樣就不需要對各個單元和各行重複應用樣式了。

<colgroup> 標籤只能在table 元素中使用。

HTML 與XHTML 之間的差異

NONE


提示和註釋:

提示:請為<colgroup>標籤添加class屬性。這樣就可以使用CSS來負責對齊方式、寬度和顏色等等。

註釋: col元素是僅包含屬性的空元素。如需創建列,您就必須在tr元素內部規定td元素。

參見:<col>標籤


可選的屬性

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

全局屬性

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


事件屬性

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

arrow
arrow
    創作者介紹
    創作者 設計密碼工作室 的頭像
    設計密碼工作室

    Design Code 設計密碼

    設計密碼工作室 發表在 痞客邦 留言(0) 人氣()