<colgroup>

HTML <colgroup> 標籤

實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<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></td>
  </tr>
  <tr>
    <td>5869207</td>
    <td>My first CSS</td>
    <td></td>
  </tr>
</table>

</body>
</html>

執行實例»

瀏覽器支援透過使用 <colgroup> 標籤，可以向整個列套用樣式，而不需要重複為每個儲存格或每一行設定樣式。註解：提示：HTML 4.01 與 HTML5之間的差異HTML5 中不再支援 HTML 4.01 中的大部分屬性。屬性#值描述 justify# charHTML5 不支援。 #HTML5 不支援。


		#點擊"運行實例" 按鈕查看線上實例
	#所有主流瀏覽器都支援<colgroup> 標籤。	標籤定義及使用說明<colgroup> 標籤用於將表格中的欄位進行組合，以便對其進行格式化。
	只能在<table> 元素之內，在任何一個<caption> 元素之後，在任何一個<thead>、<tbody>、< tfoot>、<tr> 元素之前使用<colgroup> 標籤。	如果想對 <colgroup> 中的某一列定義不同的屬性，請在 <colgroup> 標籤內使用 <col> 標籤。
	屬性
	align	left# right center
	規定在列組合中內容的水平對齊方式。 char	character

規定根據哪個字元來對齊列組中的內容。

charoff

number

#HTML5 不支援。

規定第一個對齊字元的偏移量。

span#########number##########規定列組應該橫跨的列數。 ############valign######top#### middle#### bottom#### baseline#########HTML5 不支援。 ###定義在列組合中內容的垂直對齊方式。 ############width#########pixels### %### relative_length############HTML5 不支援。 ###規定列組合的寬度。 ###########################全域屬性######<colgroup> 標籤支援 HTML 的全域屬性。 #########事件屬性######<colgroup> 標籤支援 HTML 的事件屬性。 ############

<colgroup>

HTML <colgroup> 標籤

實例

PHP中文網