?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
HTML<colgroup>元素定義表格內(nèi)的一組列。
內(nèi)容類別 | 沒有。 |
|---|---|
允許的內(nèi)容 | 如果span屬性存在：none，則它是一個空元素。如果該屬性不存在：零個或多個<col>元素 |
標記遺漏 | 如果開始標記的<第一個子元素為<col>元素，并且沒有之前沒有結(jié)束標記的<colgroup>，則可以省略開始標記。如果沒有空格或評論，可以省略結(jié)束標記。 |
允許父母 | 一個<table>元素。<colgroup>必須出現(xiàn)在任何可選的<caption>元素之后，但在任何<thead>，<th>，<tbody>，<tfoot>和<tr>元素之前。 |
允許ARIA角色 | 沒有 |
DOM界面 | HTMLTableColElement |
屬性
這個元素的屬性包括全局屬性。
align自HTML4.01開始棄用，自HTML5以來已廢棄此枚舉屬性指定如何處理每個列單元格內(nèi)容的水平對齊。可能的值是：
left，將內(nèi)容對齊到單元格的左側(cè)center，將內(nèi)容集中在單元格中right，將內(nèi)容對齊到單元格的右側(cè)justify，在文本內(nèi)容中插入空格以便內(nèi)容在單元格中合理char，將特殊字符上的文本內(nèi)容與最小偏移值進行對齊，由“ 未實現(xiàn)”char和“charoff屬性” 定義。
如果未設置此屬性，left則假定該值。后代<col>元素可以使用他們自己的align屬性覆蓋這個值。
注意：不要使用此屬性，因為它在最新標準中已過時（不支持）。
為了實現(xiàn)作為同樣的效果
left，center，right或justify值：不要嘗試
text-align在給出<colgroup>元素的選擇器上設置屬性。因為<td>元素不是元素的后代<colgroup>，所以它們不會繼承它。如果該表不使用
colspan屬性，請對td:nth-child(an+b)每列使用一個CSS選擇器，其中a是表中列的總數(shù)，而b是表中該列的序號位置。只有在這個選擇器之后，text-align屬性才能被使用。如果該表使用
colspan屬性，則可以通過組合足夠的CSS屬性選擇器來實現(xiàn)該效果[colspan=n]，盡管這不是微不足道的。為了達到與
charCSS3中的值相同的效果，可以使用值的值char作為text-align未實現(xiàn)屬性的值。
bgcolor屬性定義列組的列成員的每個單元格的背景顏色。它是sRGB中定義的6位十六進制代碼之一，以'＃'為前綴。如下所述，可以使用十六個預定義顏色串中的一個：
black = "#000000" | green = "#008000" | ||
|---|---|---|---|
silver = "#C0C0C0" | lime = "#00FF00" | ||
gray = "#808080" | olive = "#808000" | ||
white = "#FFFFFF" | yellow = "#FFFF00" | ||
maroon = "#800000" | navy = "#000080" | ||
red = "#FF0000" | blue = "#0000FF" | ||
purple = "#800080" | teal = "#008080" | ||
fuchsia = "#FF00FF" | aqua = "#00FFFF" |
使用說明：不要使用此屬性，因為它是非標準的，只在某些版本的Microsoft Internet Explorer中實現(xiàn); 該<colgroup>元素應該用樣式CSS。為了給bgcolor屬性background-color提供類似的效果，請在相關(guān)<td>元素上使用CSS屬性。
char自HTML4.01起不推薦使用，自HTML5以來已過時此屬性指定列組中的內(nèi)容與字符的對齊方式。典型值包括嘗試對齊數(shù)字或貨幣值時的句點(.)。如果align沒有設置char，這個屬性被忽略，但它仍然會被用作默認值align的的<col>這些都屬此列組的成員。
注意：不要使用此屬性，因為它在最新標準中已過時（并且不受支持）。為了達到與charCSS3中相同的效果，可以使用字符集char作為text-align屬性Unimplemented 的值。
charoff自HTML4.01以來不推薦使用，自HTML5以來已過時此屬性用于指示從char屬性指定的對齊字符中偏移列數(shù)據(jù)的字符數(shù)。
注意：不要使用此屬性，因為它在最新標準中已過時（并且不受支持）。
span該屬性包含一個正整數(shù)，表示<colgroup>元素跨越的連續(xù)列數(shù)。如果不存在，則其默認值為1。
注意：此屬性應用于列組的屬性，它不會影響與其關(guān)聯(lián)的CSS樣式規(guī)則，甚至對組的列成員的單元格也沒有影響。
如果
<colgroup>屬性中有一個或多個<col>元素，span屬性可能不存在。
valign自HTML4.01開始棄用，自HTML5以來已過時此屬性指定列的每個單元格內(nèi)文本的垂直對齊。此屬性的可能值為：
baseline，它會將文本盡可能靠近單元格的底部，但將其對齊到字符的基線而不是底部。如果字符的大小都是一樣的話，這和bottom效果相同。bottom，這將使文本盡可能靠近單元格的底部;middle，它將文本居中在單元格中;top，這將使文本盡可能靠近單元格的頂部。
注意：不要使用此屬性，因為它在最新標準中已過時（并且不受支持）：
不要嘗試
vertical-align在給出<colgroup>元素的選擇器上設置屬性。因為<td>元素不是元素的后代<colgroup>，所以它們不會繼承它。如果表格不使用
colspan屬性，請使用td:nth-child(an+b)每列的CSS選擇器，其中a是表格中列的總數(shù)，b是表格中列的序號位置。只有在這個選擇器之后，該vertical-align屬性才能被使用。如果該表使用
colspan屬性，則可以通過組合足夠的CSS屬性選擇器比如[colspan=n]來實現(xiàn)該效果，盡管這不是微不足道的。
width自HTML5以來已過時此屬性指定當前列組中每列的默認寬度。除了標準像素和百分比值之外，該屬性可能采用特殊形式0*，這意味著組中每列的寬度應該是保持列內(nèi)容所需的最小寬度。相對寬度0.5*也可以使用。
示例
請參閱<table>頁面上的示例<colgroup>。
規(guī)范
規(guī)范 | 狀態(tài) | 評論 |
|---|---|---|
HTML生活標準該規(guī)范中'<colgroup>'的定義。 | Living Standard | |
HTML5該規(guī)范中'<colgroup>'的定義。 | 建議 | |
HTML 4.01規(guī)范該規(guī)范中'<colgroup>'的定義。 | 建議 |
瀏覽器兼容性
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic Support | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
align | ? | (Yes) | No1 | (Yes) | ? | ? |
bgcolor | ? | No | No | (Yes) | ? | ? |
char | ? | (Yes) | No2 | (Yes) | ? | ? |
charoff | ? | (Yes) | No2 | (Yes) | ? | ? |
span | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
valign | ? | (Yes) | No1 | (Yes) | ? | ? |
width | 1 | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
align | ? | ? | (Yes) | No1 | (Yes) | ? | ? |
bgcolor | ? | ? | No | No | (Yes) | ? | ? |
char | ? | ? | (Yes) | No2 | (Yes) | ? | ? |
charoff | ? | ? | (Yes) | No2 | (Yes) | ? | ? |
span | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
valign | ? | ? | (Yes) | No1 | (Yes) | ? | ? |
width | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |