関連プロパティ

• vertical-align
• text-align
• width

caption-side

表題(キャプション)は表内部要素ですが、一つだけ外にはみ出していますので、別ボックス扱いされます。表本体は本体用のボックスを生成し、縦方向に並ぶ場合はそのボックスと題名ボックスはお互いのマージンを相殺します。で、更に表本体のボックスと題名ボックスを囲う、表全体のボックスを別途生成します。そのボックスは、両者が収まる最小の寸法を採ります。

このプロパティを使って、表題の位置を指定します。HTMLの caption要素 の align属性 と類似した働きをします。

表の左右に表題を置いた場合は、'vertical-align'で垂直方向の位置を指定する事が出来ます。ただし、使えるのは[top]、[middle]、[bottom]のみです。題名ボックスが表本体ボックスよりも高くなった場合の表本体ボックスの位置ぞろえの方法は書かれていません。

水平方向の位置ぞろえは、'text-align'で出来ます。表の左右に表題を置いた場合の題名ボックスの幅は'width'で指定出来ます。指定しなかった場合(値に[auto]を指定した場合)、どう処理するかはUA依存になっています。

[top][bottom]を指定した時の、マージン、幅の値の処理方法については書かれていません。CSS2では表全体を囲むボックスをコンテナブロックと考えて計算するのが妥当でしょうか。

注意点

1. 表の左右に表題を置いた場合の題名ボックスの幅を指定しなかった場合(値に[auto]を指定した場合)、どう処理するかはUA依存になっています。

問題点

1. [top][bottom]に表題ボックスを指定した時の、マージン、幅の値の処理方法については書かれていません。
2. [right][left]に表題ボックスを指定した時の、題名ボックスが表本体ボックスよりも高くなった場合の表本体ボックスの位置ぞろえの方法は書かれていません。