顾名思义，表标超是一小段文本，描述了表内容的本质。因此，对于2003年第4季度的一个股票行情表，表标题元素的内容可能读作“Q4 2003 Stock Performance”，利用属性caption-side，可以把这个元素放在table之上，也可以放在table的底下，而不论该表标题出现在表结构中的哪个位置（在HTML中，caption元素只能出现在开始table元素的后面，不过其他语言可能有不同的规则）。

表标题有点奇怪，至少从视觉上看有些奇怪。网站建设规范指出，表标题格式化为就好像它是直接放在表框之前（或之后）的一个块框，只有两个不同。首先，表标题仍能从表继承值；其次，用户代理在考虑如何处理表前面的run-in元素时会忽略表标越框。因此，如果一个run-in元素在表之前，它不会进人表的上标题，也不会进入表中，而是处理为好像其display值为block。

caption-side

值：top | bottom

初始值：top

应用于：display值为table-caption 的元素

继承性：有

计算值：根据指定确定

说明：网站建设中还有值left和right，不过由于缺乏广泛的支持，这两个值在CSS2.1中已经去掉

通过一个简单的例子就可以说明有关表标题表示的大部分重要方面。考虑以下样式，如图11-5所示：

caption {background: gray; margins 1em 0;caption-side: top;}

table{color: white; background: black; margin: 0.5em 0,"}

caption元素中的文本从table继承了color值white，但caption有自己的背景。table 的外边框边界和caption的外边距边界之间的间隔为1em，因为table的上外边距与caption的下外边距合并，见第7章的描述。最后，caption的宽度要基于table元素的内容宽度，这是caption的包含块。如果把caption-side的值改为bottom，会得到同样的结果，只不过caption将出现在表框的后面，另外将合并caption的上外边距和table 的下外边距。

大多数情况下，为caption应用样式非常类似于块级元素，它们可以有内边距、边框。背景等。例如，如果网页设计人员需要改变caption中文本的水平对齐，可以使用属性text-align。因此，要把上例中的标题右对齐，可以写作：

caption (background: gray; margin: 1em 0; caption-side: top; text-align: right;}

注意：到2006年中期，网页设计人员为表标题设置样式还是一个很危险的事情。有些浏览器支持表标题的上下外边距，但有些并不支持，有些浏览器会相对于表的宽度计算表标题宽度，而另外一些浏览器则用完全不同的方法来计算。把所有这些行为都列出来是没有意义的，因为可以预见到这个领域的变化很快。之所以在此特别说明，主要是为了让读者对可能遇到的问题提前有所认识。