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>
表示結果
1 | 2 |
3 | 4 |