caption-side

書式

caption-side:topまたはbottom

対象

tableのキャプション要素

継承

する

初期値

top

バージョン

CSS Level 2

対応ブラウザ

Mac IE5, NN7.1以降, Firefox, Opera 8, Safari

解説

キャプションの位置を指定します。topまたはbottomを指定できます。
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
table { position:absolute; left:10px; top:10px;
border:1px solid black;
caption-side:bottom;
}
--></style>
</head>
<body>
<table>
<caption>Machine Spec</caption>
<tr><th>CPU</th><th>Clock</th></tr>
<tr><td>Power PC G5</td><td>2.5GHz</td></tr>
<tr><td>Xeon</td><td>3.8GHz</td></tr>
</table>
</body>
</html>
実際のサンプルを実行する