概要

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

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

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

構文

/* 方向を示す値 */ 
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 and Values Level 1
caption-side の定義
勧告改訂案 top および bottom は、writing-mode の値に対して相対的であることを定義
CSS Level 2 (Revision 1)
caption-side の定義
勧告 最初の定義

ブラウザ実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 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,