?
This document uses PHP Chinese website manual Release
HTML<colgroup>元素定義表格內(nèi)的一組列。
內(nèi)容類別 | 沒有。 |
|---|---|
允許的內(nèi)容 | 如果span屬性存在：none，則它是一個(gè)空元素。如果該屬性不存在：零個(gè)或多個(gè)<col>元素 |
標(biāo)記遺漏 | 如果開始標(biāo)記的<第一個(gè)子元素為<col>元素，并且沒有之前沒有結(jié)束標(biāo)記的<colgroup>，則可以省略開始標(biāo)記。如果沒有空格或評(píng)論，可以省略結(jié)束標(biāo)記。 |
允許父母 | 一個(gè)<table>元素。<colgroup>必須出現(xiàn)在任何可選的<caption>元素之后，但在任何<thead>，<th>，<tbody>，<tfoot>和<tr>元素之前。 |
允許ARIA角色 | 沒有 |
DOM界面 | HTMLTableColElement |
屬性
這個(gè)元素的屬性包括全局屬性。
align自HTML4.01開始棄用，自HTML5以來已廢棄此枚舉屬性指定如何處理每個(gè)列單元格內(nèi)容的水平對(duì)齊?？赡艿闹凳牵?/p>
left，將內(nèi)容對(duì)齊到單元格的左側(cè)center，將內(nèi)容集中在單元格中right，將內(nèi)容對(duì)齊到單元格的右側(cè)justify，在文本內(nèi)容中插入空格以便內(nèi)容在單元格中合理char，將特殊字符上的文本內(nèi)容與最小偏移值進(jìn)行對(duì)齊，由“ 未實(shí)現(xiàn)”char和“charoff屬性” 定義。
如果未設(shè)置此屬性，left則假定該值。后代<col>元素可以使用他們自己的align屬性覆蓋這個(gè)值。
注意：不要使用此屬性，因?yàn)樗谧钚聵?biāo)準(zhǔn)中已過時(shí)（不支持）。
為了實(shí)現(xiàn)作為同樣的效果
left，center，right或justify值：不要嘗試
text-align在給出<colgroup>元素的選擇器上設(shè)置屬性。因?yàn)?code><td>元素不是元素的后代<colgroup>，所以它們不會(huì)繼承它。如果該表不使用
colspan屬性，請(qǐng)對(duì)td:nth-child(an+b)每列使用一個(gè)CSS選擇器，其中a是表中列的總數(shù)，而b是表中該列的序號(hào)位置。只有在這個(gè)選擇器之后，text-align屬性才能被使用。如果該表使用
colspan屬性，則可以通過組合足夠的CSS屬性選擇器來實(shí)現(xiàn)該效果[colspan=n]，盡管這不是微不足道的。為了達(dá)到與
charCSS3中的值相同的效果，可以使用值的值char作為text-align未實(shí)現(xiàn)屬性的值。
bgcolor屬性定義列組的列成員的每個(gè)單元格的背景顏色。它是sRGB中定義的6位十六進(jìn)制代碼之一，以'＃'為前綴。如下所述，可以使用十六個(gè)預(yù)定義顏色串中的一個(gè)：
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" |
使用說明：不要使用此屬性，因?yàn)樗欠菢?biāo)準(zhǔn)的，只在某些版本的Microsoft Internet Explorer中實(shí)現(xiàn); 該<colgroup>元素應(yīng)該用樣式CSS。為了給bgcolor屬性background-color提供類似的效果，請(qǐng)?jiān)谙嚓P(guān)<td>元素上使用CSS屬性。
char自HTML4.01起不推薦使用，自HTML5以來已過時(shí)此屬性指定列組中的內(nèi)容與字符的對(duì)齊方式。典型值包括嘗試對(duì)齊數(shù)字或貨幣值時(shí)的句點(diǎn)(.)。如果align沒有設(shè)置char，這個(gè)屬性被忽略，但它仍然會(huì)被用作默認(rèn)值align的的<col>這些都屬此列組的成員。
注意：不要使用此屬性，因?yàn)樗谧钚聵?biāo)準(zhǔn)中已過時(shí)（并且不受支持）。為了達(dá)到與charCSS3中相同的效果，可以使用字符集char作為text-align屬性Unimplemented 的值。
charoff自HTML4.01以來不推薦使用，自HTML5以來已過時(shí)此屬性用于指示從char屬性指定的對(duì)齊字符中偏移列數(shù)據(jù)的字符數(shù)。
注意：不要使用此屬性，因?yàn)樗谧钚聵?biāo)準(zhǔn)中已過時(shí)（并且不受支持）。
span該屬性包含一個(gè)正整數(shù)，表示<colgroup>元素跨越的連續(xù)列數(shù)。如果不存在，則其默認(rèn)值為1。
注意：此屬性應(yīng)用于列組的屬性，它不會(huì)影響與其關(guān)聯(lián)的CSS樣式規(guī)則，甚至對(duì)組的列成員的單元格也沒有影響。
如果
<colgroup>屬性中有一個(gè)或多個(gè)<col>元素，span屬性可能不存在。
valign自HTML4.01開始棄用，自HTML5以來已過時(shí)此屬性指定列的每個(gè)單元格內(nèi)文本的垂直對(duì)齊。此屬性的可能值為：
baseline，它會(huì)將文本盡可能靠近單元格的底部，但將其對(duì)齊到字符的基線而不是底部。如果字符的大小都是一樣的話，這和bottom效果相同。bottom，這將使文本盡可能靠近單元格的底部;middle，它將文本居中在單元格中;top，這將使文本盡可能靠近單元格的頂部。
注意：不要使用此屬性，因?yàn)樗谧钚聵?biāo)準(zhǔn)中已過時(shí)（并且不受支持）：
不要嘗試
vertical-align在給出<colgroup>元素的選擇器上設(shè)置屬性。因?yàn)?code><td>元素不是元素的后代<colgroup>，所以它們不會(huì)繼承它。如果表格不使用
colspan屬性，請(qǐng)使用td:nth-child(an+b)每列的CSS選擇器，其中a是表格中列的總數(shù)，b是表格中列的序號(hào)位置。只有在這個(gè)選擇器之后，該vertical-align屬性才能被使用。如果該表使用
colspan屬性，則可以通過組合足夠的CSS屬性選擇器比如[colspan=n]來實(shí)現(xiàn)該效果，盡管這不是微不足道的。
width自HTML5以來已過時(shí)此屬性指定當(dāng)前列組中每列的默認(rèn)寬度。除了標(biāo)準(zhǔn)像素和百分比值之外，該屬性可能采用特殊形式0*，這意味著組中每列的寬度應(yīng)該是保持列內(nèi)容所需的最小寬度。相對(duì)寬度0.5*也可以使用。
示例
請(qǐng)參閱<table>頁面上的示例<colgroup>。
規(guī)范
規(guī)范 | 狀態(tài) | 評(píng)論 |
|---|---|---|
HTML生活標(biāo)準(zhǔn)該規(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) |