トップページの中の プロパティの中の Cのプロパティ一覧の中の caption-side

caption-side

  • 最終更新:2009年10月 7日 23:46

caption-sideプロパティは、テーブルに対するキャプションの表示位置(上か下か)を指定します。
IEが残念なのは仕方ありません・・・

対応ブラウザ
  • IE6未対応
  • IE7未対応
  • IE8対応
  • Firefox3.5対応
  • Opera10対応
  • Safari4対応
  • Chrome3対応

プロパティの解説

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万~

このページの上部へ