?
This document uses PHP Chinese website manual Release
HTML <col> 元素定義了一個(gè)列的表中，并用于在所有常見(jiàn)的細(xì)胞確定共同的語(yǔ)義。它通常在<colgroup>元素中找到。
內(nèi)容類別 | 沒(méi)有。 |
|---|---|
允許的內(nèi)容 | 沒(méi)有，這是一個(gè)空的元素。 |
標(biāo)記遺漏 | 開(kāi)始標(biāo)記是強(qiáng)制性的，但由于它是一個(gè)空元素，所以禁止使用結(jié)束標(biāo)記。 |
允許父母 | 只有<colgroup>，盡管它可以隱式定義，因?yàn)樗拈_(kāi)始標(biāo)記不是必需的。<colgroup>不能有span屬性。 |
允許ARIA角色 | 沒(méi)有 |
DOM界面 | HTMLTableColElement |
屬性
該元素包含全局屬性。
align自HTML4.01開(kāi)始棄用，自HTML5以來(lái)已廢棄此枚舉屬性指定如何處理每個(gè)列單元格內(nèi)容的水平對(duì)齊。可能的值是：
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è)置此屬性，則其值將從該元素所屬align的<colgroup>元素繼承<col>。如果沒(méi)有，left則假定該值。
注意：不要使用此屬性，因?yàn)樗谧钚聵?biāo)準(zhǔn)中已過(guò)時(shí)（不支持）。
為了實(shí)現(xiàn)作為同樣的效果
left，center，right或justify值：不要嘗試
text-align在給出<col>元素的選擇器上設(shè)置屬性。因?yàn)?code><td>元素不是元素的后代<col>，所以它們不會(huì)繼承它。如果表格不使用
colspan屬性，請(qǐng)使用td:nth-child(an+b)CSS選擇器。設(shè)置a為零和b表格中列的位置，例如td:nth-child(2) { text-align: right; }右對(duì)齊第二列。如果該表使用
colspan屬性，則可以通過(guò)組合足夠的CSS屬性選擇器來(lái)實(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" |
使用說(shuō)明：不要使用該屬性，因?yàn)樗欠菢?biāo)準(zhǔn)的，只能在某些版本的Microsoft Internet Explorer中實(shí)現(xiàn)：<col>元素應(yīng)該使用CSS進(jìn)行樣式化。為了給bgcolor屬性background-color提供類似的效果，請(qǐng)?jiān)谙嚓P(guān)<td>元素上使用CSS屬性。
char自HTML4.01起棄用，自HTML5以來(lái)已過(guò)時(shí)此屬性用于設(shè)置字符以對(duì)齊列上的單元格。典型值包括嘗試對(duì)齊數(shù)字或貨幣值時(shí)的句點(diǎn)(.)。如果align未設(shè)置char，則忽略此屬性。
注意：不要使用此屬性，因?yàn)樗谧钚聵?biāo)準(zhǔn)中已過(guò)時(shí)（并且不受支持）。為了達(dá)到與charCSS3中相同的效果，可以使用字符集char作為text-align屬性Unimplemented 的值。
charoff自HTML4.01以來(lái)不推薦使用，自HTML5以來(lái)已過(guò)時(shí)此屬性用于指示用來(lái)從char屬性指定的對(duì)齊字符中偏移列數(shù)據(jù)的字符數(shù)。
注意：不要使用此屬性，因?yàn)樗谧钚聵?biāo)準(zhǔn)中已過(guò)時(shí)（并且不受支持）。
span屬性包含一個(gè)正整數(shù)，表示<col>元素跨越的連續(xù)列數(shù)。如果不存在，則其默認(rèn)值為1。valign自HTML4.01開(kāi)始棄用，自HTML5以來(lái)已過(guò)時(shí)此屬性指定列的每個(gè)單元格內(nèi)文本的垂直對(duì)齊。此屬性的可能值為：
baseline，它會(huì)將文本盡可能靠近單元格的底部，但將其對(duì)齊到字符的基線而不是底部。如果字符的大小都是一樣的話，這和效果相同bottom。bottom，這將使文本盡可能靠近單元格的底部;middle，它將文本居中在單元格中;并且
top，這將使文本盡可能靠近單元格的頂部。
注意：不要使用此屬性，因?yàn)樗谧钚聵?biāo)準(zhǔn)中已過(guò)時(shí)（并且不受支持）：
不要嘗試在給出
<col>元素的選擇器上設(shè)置vertical-align屬性。因?yàn)?code><td>元素不是元素的后代<col>，所以它們不會(huì)繼承它。如果表格不使用
colspan屬性，請(qǐng)使用td:nth-child(an+b)CSS選擇器，其中a是表格中列的總數(shù)，而b是表格中列的序號(hào)位置。只有在這個(gè)選擇器之后，vertical-align屬性才能被使用。如果該表使用
colspan屬性，則可以通過(guò)組合足夠的CSS屬性選擇器像[colspan=n]來(lái)實(shí)現(xiàn)該效果，盡管這不是微不足道的。
width自HTML5以來(lái)已過(guò)時(shí)此屬性指定當(dāng)前列組中每列的默認(rèn)寬度。除了標(biāo)準(zhǔn)像素和百分比值之外，該屬性可能采用特殊形式0*，這意味著組中每列的寬度應(yīng)該是保持列內(nèi)容所需的最小寬度。相對(duì)寬度0.5*也可以使用。
示例
請(qǐng)參閱<table>頁(yè)面上的示例<col>。
規(guī)范
規(guī)范 | 狀態(tài) | 評(píng)論 |
|---|---|---|
HTML Living Standard該規(guī)范中'<col>'的定義。 | Living Strandard | |
HTML5該規(guī)范中'<col>'的定義。 | 建議 | |
HTML 4.01規(guī)范該規(guī)范中'<col>'的定義。 | 建議 | 初始定義 |
瀏覽器兼容性
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) |