caption-side

caption-sideとは、テーブルにおけるキャプションの位置を指定するためのプロパティです。

初期値はtopで、テーブルの上に表示されますが、このほかにbottom、left、rightという値を指定することでそれぞれキャプションをテーブルの下、左、右に表示することができます。

プロパティ名
caption-sid top | bottom | left | right | inherit

caption-sid'は子要素に継承されます。

デフォルトの値は、top です。

inherit は、親要素の値を明示的に継承する指定です。

キャプションは、テーブルボックスとは別のボックスを生成し、テーブルのマージンとキャプションのマージンは、お互いに別のボックスであるように相殺します。

キャプションが上下の何れかにある場合は、キャプションボックスの幅は、テーブルボックスの幅に依存します。

ボックス内で、'vertical-align' のtop/middle/bottom の何れかによって、垂直方向の位置を揃えることができます。

戻る