CSS caption-side 属性

定義と用法

caption-side属性はテーブルタイトルの位置を設定します。

説明

この属性は、表の枠に対する表のタイトルの配置位置を指定します。表のタイトルは、表の前（または後）に表示されるブロック要素として表示されます。

も参照してください：

CSSチュートリアル：CSS 表格

HTML DOMリファレンスマニュアル：captionSide属性

例

テーブルタイトルの配置方法を指定します：

caption
  {
  caption-side:bottom;
  }

実際に試してみる

CSS语法

caption-side: top|bottom|initial|inherit;

属性値

値 説明
top デフォルト値。テーブルタイトルをテーブルの上に定位します。
bottom テーブルタイトルをテーブルの下に定位します。
継承 親要素からcaption-side属性の値を継承することを指定します。

技術的詳細

デフォルト値： top
継承性： はい
バージョン： CSS2
JavaScript语法： object.style.captionSide="bottom"

さらに多くの例

テーブルタイトルの位置を設定する
この例では、テーブルのタイトルをどのように定位するかを示します。

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0

注：DOCTYPEが指定されている場合、Internet Explorer 8（およびそれ以降のバージョン）はcaption-side属性をサポートしています。