CSS caption-side 属性

定义和用法

caption-side 属性设置表格标题的位置。

说明

该属性指定了表标题相对于表框的放置位置。表标题显示为好像它是表之前(或之后)的一个块级元素。

另请参阅:

CSS 教程:CSS 表格

HTML DOM 参考手册:captionSide 属性

实例

规定表格标题的放置方式:

caption
  {
  caption-side:bottom;
  }

亲自试一试

CSS 语法

caption-side: top|bottom|initial|inherit;

属性值

描述
top 默认值。把表格标题定位在表格之上。
bottom 把表格标题定位在表格之下。
inherit 规定应该从父元素继承 caption-side 属性的值。

技术细节

默认值: top
继承性: yes
版本: CSS2
JavaScript 语法: object.style.captionSide="bottom"

更多实例

设置表格标题的位置
本例演示如何定位表格的标题。

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0

注释:如果已规定 !DOCTYPE,那么 Internet Explorer 8 (以及更高版本)支持 caption-side 属性。