表のタイトル(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はブラウザによってはサポートされていません。
コメント