表のタイトル(caption)の表示位置を指定するには、caption-sideを使用します。
表にタイトルを表示するにはHTMLのcaptionタグを使用しますが、タイトルの表示位置はCSSで自由に指定できます。
サンプル
例)captionを表の下に表示する
|
1 2 3 |
caption{ caption-side:bottom; } |
以下の表は、caption-side:bottomが指定してあります。
captioin-sideには以下の値を指定できます。
| 値 | 意味 |
|---|---|
| top | 表の上(デフォルト) |
| bottom | 表の下 |
| left | 表の左 |
| right | 表の右 |
備考
- leftとrightはブラウザによってはサポートされていません。

コメント