プログラミング

caption-sideで表のタイトルの表示位置を指定【CSS】

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