概要

caption-side は、表 (<table>) の <caption> の配置位置を指定する CSS プロパティです。

このプロパティの値は、表の writing-mode に対して相対的です。

初期値top
適用対象table-caption 要素
継承継承する
メディアvisual
計算値指定値
アニメーションの可否不可
正規順序形式文法で定義される一意のあいまいでない順序

構文

/* 方向を示す値 */ 
caption-side: top; 
caption-side: bottom; 

/* 警告: 非標準の値 */ 
caption-side: left; 
caption-side: right; 
caption-side: top-outside; 
caption-side: bottom-outside; 


/* グローバル値 */ 
caption-side: inherit; 
caption-side: initial; 
caption-side: unset;

top
キャプションボックスを表の上に配置することを示すキーワードです。
bottom
キャプションボックスを表の下に配置することを示すキーワードです。
left
キャプションボックスを表の左に配置することを示すキーワードです。
註: この値は CSS 2 で提案されましたが、最終的な CSS 2.1 仕様から削除されており、非標準です。
right
キャプションボックスを表の右に配置することを示すキーワードです。
註: この値は CSS 2 で提案されましたが、最終的な CSS 2.1 仕様から削除されており、非標準です。
top-outside
キャプションボックスを表の上に配置することを示すキーワードです。ただし、キャプションの幅や水平方向の配置は、表の水平方向のレイアウトに束縛されません。
註: CSS 2.1 仕様では、CSS 2 仕様で値 top について異なる動作を説明していたとの注記があります。この動作は将来の仕様書で、この値を使用して再導入する予定です。
bottom-outside
キャプションボックスを表の下に配置することを示すキーワードです。ただし、キャプションの幅や水平方向の配置は、表の水平方向のレイアウトに束縛されません。
註: CSS 2.1 仕様では、CSS 2 仕様で値 bottom について異なる動作を説明していたとの注記があります。この動作は将来の仕様書で、この値を使用して再導入する予定です。
inherit
親要素で定義している caption-side の値を使用しなければならないことを示すキーワードです。

形式構文

top | bottom | block-start | block-end | inline-start | inline-end

.contentbox table-caption {
  caption-side: bottom;
}

仕様

仕様書 策定状況 コメント
CSS Logical Properties Level 1
caption-side の定義
勧告改訂案 top および bottom は、writing-mode の値に対して相対的であることを定義
CSS Level 2 (Revision 1)
caption-side の定義
勧告 最初の定義

ブラウザ実装状況

機能 Chrome Firefox Internet Explorer Opera Safari
基本サポート 1.0 1.0 8.0 4.0 1.0
left, right, top-outside, bottom-outside 未サポート (有) 未サポート 未サポート 未サポート
top および bottomwriting-mode の値に対して相対的 未サポート 42 (42) 未サポート 未サポート 未サポート
機能 Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
基本サポート ? ? ? ? ?
left, right, top-outside, bottom-outside 未サポート ? 未サポート 未サポート 未サポート
top および bottomwriting-mode の値に対して相対的 未サポート 42.0 (42) 未サポート 未サポート 未サポート

ドキュメントのタグと貢献者

 このページの貢献者: yyss, fscholz, Sebastianz, Sheppy, ethertank
 最終更新者: yyss,