caption-side

解説

テーブルの表題位置を指定します。

top表題をテーブルの上に表示（初期値）
bottom表題をテーブルの下に表示
left表題をテーブルの左に表示
right表題をテーブルの右に表示

プロパティ情報

値：top,bottom,left,rightのいずれか
初期値：top
適用対象：表題要素
継承：する
パーセンテージ：不可
適用メディア：視覚
レベル：2

参照

table-layout caption-side border-collapse border-spacing empty-cells

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

table.sample   {width: 200px;}
caption.sample {color: #0000ff; caption-side: bottom; }
HTMLの記述方法

<table border="1" class="sample">
<caption class="sample">表題</caption>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>

表示結果

表題
12
34