caption-side

解説

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

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

プロパティ情報

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

参照

使用例

ソース

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