caption-side
caption-sideプロパティは、テーブルに対するキャプションの表示位置(上か下か)を指定します。
IEが残念なのは仕方ありません・・・
- 対応ブラウザ
-
プロパティの解説
- 値
- top|bottom|inherit
- 初期値
- top
- 適用される要素
- テーブルのcaption要素
- 継承
- します
- パーセント値
- N/A
- メディア
- visual
値の解説
- top
- キャプションを表組の上側に配置します。
- bottom
- キャプションを表組の下側に配置します。
caption-sideプロパティは上下の位置指定になるので、左右には使えません。
左右の位置指定には、text-alignプロパティで指定します。
caption-sideのサンプル
table.capTop caption {
caption-side: top;
}
table.capBottom caption {
caption-side: bottom;
}
このサンプルを今見ているブラウザで表示すると以下のようになります。
- サンプルのブラウザ上の表示
-
何かの価格(caption-side: top) タイプM タイプL 価格 265万~ 291万~ 何かの価格(caption-side: bottom) タイプM タイプL 価格 265万~ 291万~