CSS 参考手册

CSS @规则(RULES)

　caption-side CSS属性は、テーブルのタイトルボックスの垂直位置を設定します。タイトルテキストをタイトルボックス内に水平に整列するには、text-align属性。

以下の表は、この属性の使用方法とバージョン履歴、JavaScriptスクリプトでの使用構文を示しています。

要素
デフォルト値：	top
適用：	テーブル
継承：	はい
アニメーション可能：	いいえ確認アニメーション属性。
バージョン：	CSS 2、3
JavaScriptの構文：	object.style.captionSide="bottom"

この属性の構文は以下の通りです：

caption-side: top | bottom | initial | inherit

以下の例では、captionの使用方法を示しています。-side属性。

例

　　caption {
　　　caption-side: bottom;
　　}

以下の表はこの属性の値を説明しています。

値	説明
top	タイトルボックスをテーブルボックスの上に配置します。
bottom	タイトルボックスをテーブルボックスの下に配置します。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素は親要素のcaptionを取得します。-sideの属性値。

caption-side属性のブラウザの互換性について、以下の表の数字はこの属性をサポートするブラウザの最低バージョン番号を示します；すべての主要ブラウザがこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 8+ Apple Safari 1+ Opera 4+

警告： Internet Explorer 7および以前のバージョンではこのキャプションをサポートしません。-side属性。IE8たとえば<!DOCTYPE>有効な値が指定された場合のみサポートされます。

チュートリアルを参照：CSS Tables。