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-2024 笨鸟工具 x1y1z1.com All Rights Reserved.