caption-sideプロパティは、テーブル(表組み)のキャプション(タイトル)の表示位置を指定するプロパティです。
{caption-side: 表示位置;}
ちなみにテーブル(表)のタイトルはcaption要素で指定できます。
関連記事
『tableなど表(テーブル)をつくるときの要素まとめ【HTML】』
caption-sideの値の指定方法
caption-sideプロパティでは、以下のような値を指定できます。
top | 表の上にタイトルを表示 |
---|---|
bottom | 表の下にタイトルを表示 |
inherit | 親要素の値を継承 |
次の表のタイトルはcaption-sideプロパティでtopを指定しているので、表の上にタイトルが表示されます。
A | B | C |
D | E | F |
一方、次の表のタイトルはcaption-sideプロパティでbottomを指定しているので、表の下にタイトルが表示されます。
A | B | C |
D | E | F |
Leave a Comment