close

htmltag.jpg

實例

col 元素為表格中的三個列規定了不同的對齊方式:

<table width="100%" border="1">
   <col align="left" /> 
  <col align="left" /> 
  <col align="right" />
  <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>
	

瀏覽器支持

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


定義和用法

<col> 標籤為表格中一個或多個列定義屬性值。

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

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


HTML 與XHTML 之間的差異

在HTML 中,<col> 沒有結束標籤。

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


提示和註釋:

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

提示:如果您希望在colgroup內部為每個列規定不同的屬性值時,請使用此元素。如果沒有col元素,列會從colgroup那裡繼承所有的屬性值。

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


可選的屬性

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

全局屬性

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

事件屬性

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

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 設計密碼工作室 的頭像
    設計密碼工作室

    Design Code 設計密碼

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