CSS3

：

プロパティ

：

caption-side

　 編集：2022.07.14 by T.A.

→●、mdn

表キャプションの上下配置制御。

名前 caption-side
値 top | bottom
初期値 top
適用対象 表のキャプション要素
継承 あり
百分率
算出値 指定通り
正準的順序
アニメーション型 離散値
top
キャプション ボックスを表の上部に配置する。
<TABLE style="border:1px solid black">
 <CAPTION style="border:1px solid red;
  caption-side:top;
 ">CAPTION要素</CAPTION>
 <TR>
  <TD style="border:1px solid black;">1
  <TD style="border:1px solid black;">2
</TABLE>

bottom
キャプション ボックスを表の下部に配置する。
<TABLE style="border:1px solid black">
 <CAPTION style="border:1px solid red;
  caption-side:bottom;
 ">CAPTION要素</CAPTION>
 <TR>
  <TD style="border:1px solid black;">1
  <TD style="border:1px solid black;">2
</TABLE>

テスト
HTML：

ここに表示
¶[Edge]○、他値不明
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：