css caption-side屬性怎麼用
- silencement原創
- 2019-05-28 13:39:553713瀏覽
css caption-side屬性定義及用法
#1、在css中，caption-side屬性是用來規定表格標題的位置，表格標題可以設定在表格之上（預設），也可以設定在表格之下
2、目前所有主流瀏覽器都支援caption-side屬性，但是IE8必須要指定!DOCTYPE才支援
css caption-side屬性值
top：表格標題在表格之上（預設）
bottom：表格標題在表格之下
inherit：從父元素繼承caption-side 屬性的屬性值
語法格式
caption-side:top / bottom / inherit;
實例
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css caption-side表格标题属性笔记</title>
<style>
table{width:400px; height:150px;}
caption{caption-side:top;}
</style>
<head/>
<body>
<table border="1">
<caption>学生成绩表</caption>
<tr><th>学号</th><th>姓名</th><th>性别</th><th>成绩</th></tr>
<tr><td>1</td><td>张三</td><td>男</td><td>60</td></tr>
<tr><td>2</td><td>李四</td><td>男</td><td>80</td></tr>
</table>
</body>
</html>#運行結果
以上是css caption-side屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn