 CAPTION キャプション 表題 スタイルシート |
| ■ caption-sideプロパティ |
| caption-sideプロパティで、caption要素内のインライン内容(テキストや画像など)の上下方向の揃え方を指定する、align属性の代替指定ができます。 |
| ※ caption-sideプロパティは、IE 未対応です。 |
値
- top (キャプションを表の上に表示)
- bottom (キャプションを表の下に表示)
- left (キャプションを左揃えで表示)
- right (キャプションを右揃えで表示)
|
| IE 以外の主なブラウザで対応している値は、top / bottom のみです。left / right に対応しているブラウザは少ないので、text-alignプロパティで、水平方向の揃え方を指定して下さい。 |
 ソース |
<table width="120" border="1">
<caption style="caption-side : bottom ">年号</caption>
<tr><td>1972</td></tr>
</table>
|
|
 表 示 |
|
|
|
| ページTopへ |
|
| ■ text-alignプロパティ |
| text-alignプロパティで、caption要素内のインライン内容(テキストや画像など)の水平方向の揃え方を指定する、align属性の代替指定ができます。 |
値
- left (キャプションを左揃えで表示)
- center (キャプションを中央揃えで表示 初期値)
- right (キャプションを右揃えで表示)
|
| ソース |
<table width="120" border="1">
<caption style="text-align : left ">年号</caption>
<tr><td>1972</td></tr>
</table>
|
|
| 表 示 |
|
|
|
| ページTopへ |
|
|
|
|
|
|
CAPTION キャプション 表題
代替指定