CSS caption-side属性,设置表格标题位置
caption-side属性
HTML中表格的标题可以使用caption元素来定义,在CSS层叠样式中,caption定义的标题可以通过caption-side属性来设置。
语法
caption{caption-side:value}
属性值
属性值 | 描述 |
---|---|
top | 默认值,表格标题在表格之上 |
bottom | 表格标题在表格下方 |
inherit | 从父元素继承caption-side属性值 |
caption-side属性实例代码,及在线编辑器
实例中将表格标题caption设置在表格下方:
<table border='1' class='t1'>
<caption>计算机编程语言</caption>
<tr><td>CSS</td><td>JQuery</td><td>JavaScript</td></tr>
<tr><td>Python</td><td>Golang</td><td>Java</td></tr>
</table>
<style>
#t1{width:100%;}
caption{caption-side:bottom;}
</style>