caption-side 属性用于控制表格标题的位置,即标题应该位于表格的顶部、底部还是左侧或右侧。该属性只适用于带有表格标题(<caption>)的表格。
以下是 caption-side 的语法:
caption-side: top|bottom|left|right|initial|inherit;
top:标题位于表格顶部。
bottom:标题位于表格底部。
left:标题位于表格左侧。
right:标题位于表格右侧。
initial:将属性设置为它的默认值。
inherit:继承父元素的属性值。
下面是一个示例,将 caption-side 设置为 bottom:
table {
caption-side: bottom;
}
在这个示例中,表格标题将显示在表格底部,而不是默认的顶部位置。
需要注意的是,caption-side 只适用于带有表格标题的表格(即包含 <caption> 元素的表格)。如果您的表格没有标题,则 caption-side 属性不会产生任何效果。