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>

全栈编程 / CSS教程(可向下滚动)：

















Copyright © 2022-2023 笨鸟工具 x1y1z1.com All Rights Reserved.