小白教程
所有教程
关于
Search
172.70.178.205
172.70.178.205
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“Pr tab caption side”的源代码
本页内容
上一节:
Pr_border_spacing
下一节:
Pr_tab_empty_cells
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:caption-side}}[[Category:css reference|177]] = CSS caption-side 属性 = 指定表格标题的位置: <sample title="" desc="" lang="html" hererun="1"> caption { caption-side:bottom; } </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(xiaobai.wang)</title> <style> caption {caption-side:bottom;} </style> </head> <body> <table border="1"> <caption>Table 1.1 Customers</caption> <tr> <th>Company</th> <th>Contact</th> <th>Country</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Maria Anders</td> <td>Germany</td> </tr> <tr> <td>Berglunds snabbköp</td> <td>Christina Berglund</td> <td>Sweden</td> </tr> <tr> <td>Centro comercial Moctezuma</td> <td>Francisco Chang</td> <td>Mexico</td> </tr> <tr> <td>Ernst Handel</td> <td>Roland Mendel</td> <td>Austria</td> </tr> <tr> <td>Island Trading</td> <td>Helen Bennett</td> <td>UK</td> </tr> <tr> <td>Magazzini Alimentari Riuniti</td> <td>Giovanni Rovelli</td> <td>Italy</td> </tr> <tr> <td>North/South</td> <td>Simon Crowther</td> <td>UK</td> </tr> </table> <p><b>注意:</b>如果 !DOCTYPE 指定 IE 8 支持 caption-side 属性 .</p> </body> </html> </run> == 属性定义及使用说明 == caption-side 属性设置表格标题的位置。 {| class="table table-striped table-hover" | 默认值: | top |- | 继承性: | yes |- | 版本: | CSS2 |- | JavaScript 语法: | object.style.captionSide="bottom" |} == 浏览器支持 == 所有主流浏览器都支持caption-side属性。 '''注意:'''IE8只有指定!DOCTYPE才支持caption-side属性。 == 属性值 == {| class="table table-striped table-hover" ! 值 ! 描述 |- | top | 默认值。把表格标题定位在表格之上。 |- | bottom | 把表格标题定位在表格之下。 |- | inherit | 规定应该从父元素继承 caption-side 属性的值。 |} == 相关文章 == CSS 教程: [[css table|CSS Table]]
返回至“
Pr tab caption side
”。
上一节:
Pr_border_spacing
下一节:
Pr_tab_empty_cells