[CSS] 表のタイトル(caption)の表示位置を指定する(caption-side)

2019年5月25日

表のタイトル(caption)の表示位置を指定するには、caption-sideを使用します。

表にタイトルを表示するにはHTMLのcaptionタグを使用しますが、タイトルの表示位置はCSSで自由に指定できます。

サンプル

例)captionを表の下に表示する

以下の表は、caption-side:bottomが指定してあります。

captioin-sideには以下の値を指定できます。

【captionの位置】
意味
top表の上(デフォルト)
bottom表の下
left表の左
right表の右

備考

  • leftとrightはブラウザによってはサポートされていません。

スポンサーリンク

CSS

Posted by tora