html代码 col,HTML <col> 元素

最新推荐文章于 2021-07-26 17:12:43 发布

ChinaTerran

最新推荐文章于 2021-07-26 17:12:43 发布

阅读量247

点赞数

文章标签： html代码 col

HTML

元素定义表格中的一列，并用于定义一列中所有单元格的公共语义。它通常用于元素内。

该元素允许使用 CSS 为列增加样式，但只有少数属性对该列有效(参见 CSS 2.1 规范的列表)。

通过

和元素为表格中的三个列设置了背景色：

书号	书名	价格
3476896	我的 HTML	￥53

截图

特性

允许的内容

无，它是一个空元素。

标签省略

开始标签是必须的，但是，由于它是一个空元素，所以禁止使用结束标签。

允许的 ARIA 角色

无

属性

该元素包含了全局属性。

该枚举属性指定如何处理每个列单元格内容的水平对齐方式。可能的值是：

left，将内容在单元格的左侧对齐；

center，将内容在单元格中居中；

right，将内容在单元格右侧对齐；

justify，将空格插入到文本内容中，以便内容在单元格中两端对齐；

char，通过

如果未设置该属性，则其值继承自该元素所属的

元素的 left。

注意：不要使用该属性，因为它在最新标准中已过时(不支持)。

要实现与 left，center，right 或 justify 值相同的效果：

不要尝试在

元素的选择器上设置 text-align 属性。因为元素不是元素的后代，所以它们不会继承它的样式。

如果表格未使用 td:nth-child(an+b) CSS 选择器。其中 a 是表格中总共的列数，b 是表格中该列的顺序位置。只有在该选择器中，text-align 属性才是有效的。例如 td:nth-child(2) { text-align: right; } 中，将 a 设置为零，将 b 设置为表格中列的位置，使第二列右对齐。

如果表格使用了 [colspan=n] 来实现该效果，尽管这可能是不少的。

要实现与 char 值相同的效果，在 CSS3 中，您可以使用 text-align 属性的值未实现。

非标准

该属性定义列的每个单元格的背景颜色。它是 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 中实现：

元素应该使用 CSS 来增加样式。要实现类似 bgcolor 属性的效果，请在相关的元素上，使用 CSS 的 background-color 属性。

该属性用于指定字符来对齐列中的单元格内容。典型的值包括使用一个点号(.)来尝试调整数字或货币值。如果 char，则该属性将被忽略。

注意：不要使用该属性，因为它在最新的标准中已经过时(也不支持)。要实现与 text-align 属性的值未实现。

该属性用于指示从 char 属性指定的对齐字符中偏移的字符数。

注意：不要使用该属性，因为它在最新的标准中已经过时(也不支持)。

该属性包含一个正整数，表示

元素跨越的连续列数。如果未设置，其默认值是 1。

该属性指定列的每个单元格内的文本的垂直对齐方式。该属性的可能值为：

baseline，将文本尽可能接近单元格的底部，但将其对准在字符的基线上，而不是它们的底部。如果字符大小一致，它与 bottom 的效果相同；

bottom，将文本尽可能靠近单元格底部；

middle，将文本在单元格中居中；

top，将文本尽可能靠近单元格的顶部。

注意：不要使用该属性，因为它在最新的标准中已过时(也不支持)：

不要尝试在

元素的选择器上设置 vertical-align 属性。因为元素不是元素的后代，所以它们不会继承它的样式。

如果表格未使用 td:nth-child(an+b) CSS 选择器。其中 a 是表格中总共的列数，b 是表格中该列的顺序位置。只有在该选择器中，vertical-align 属性才是有效的。例如 td:nth-child(2) { vertical-align: middle; } 中，将 a 设置为零，将 b 设置为表格中列的位置，使第二列居中对齐。

如果表格使用了 [colspan=n] 来实现该效果，尽管这可能是不少的。

该属性指定当前列组中每列的默认宽度。除了标准像素和百分比值之外，该属性可能采用特殊形式 0*，这意味着组中每列的宽度应该使用列内容所需的最小宽度。也可以使用相对宽度如 0.5*。

事件属性

标签支持 HTML 的事件属性。

HTML 与 XHTML 之间的差异

在 HTML 中，

标签没有结束标签。

在 XHTML 中，

标签必须被正确的关闭。

规范

桌面浏览器兼容性

特性