Web速查-索引

Alt text

定义

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

语法

caption-side:top|bottom|inherit;

属性值

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

实例

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>鱼C-零基础入门学习Web（Html5+Css3）</title>

    <style>

        caption {caption-side:bottom;}

    </style>

</head>

<body>

   <table border="1">

       <caption>鱼C大课表</caption>

       <tr>

           <th>名称</th>

           <th>进度</th>

       </tr>

       <tr>

           <td>零基础入门学习Web开发（HTML5 & CSS3）</td>

           <td>正在更新中~</td>

       </tr>

       <tr>

           <td>零基础入门学习Web开发（JavaScript）</td>

           <td>敬请期待</td>

       </tr>

       <tr>

           <td>零基础入门学习Web开发（PHP）</td>

           <td>敬请期待</td>

       </tr>

       <tr>

           <td>零基础入门学习Web开发（Node.js）</td>

           <td>敬请期待</td>

       </tr>

       <tr>

           <td>零基础入门学习Web开发（Vue.js）</td>

           <td>敬请期待</td>

       </tr>

   </table>

</body>

</html>
鱼C大课表
名称 进度
零基础入门学习Web开发（HTML5 & CSS3） 正在更新中~
零基础入门学习Web开发（JavaScript） 敬请期待
零基础入门学习Web开发（PHP） 敬请期待
零基础入门学习Web开发（Node.js） 敬请期待
零基础入门学习Web开发（Vue.js） 敬请期待

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

Safari Chrome FireFox IE
1.0 1.0 1.0 9.0