Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

CSSプロパティ

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

TABLEテーブルTOPCSSPropertiesTable

  1. border-collapse隣接セルの結合と分離
  2. border-spacing隣接セル間の距離
  3. caption-sideテーブルのキャプション(表題)の位置
  4. table-layoutテーブルの最大幅とセル幅の割り当て
  5. empty-cells空白セルのボーダー(枠線)の表示方法

caption-sideテーブルのキャプション(表題)の位置

プロパティの値top | bottom | inherit
初期値top
対象要素table-caption'要素
継承する
%無効
メディアvisual
W3C Ref.CSS2.1

プロパティの書式と機能

テーブルのキャプションの位置を指定します。指定しない場合は、テーブルの上側に表題が表示されます。

<Value>機能
caption-side: topキャプションを表の上側に表示する
caption-side: bottomキャプションを表の下側に表示する
caption-side: inherit継承

EXAMPLE

<table>
<caption>キャプション</caption>
	<tr><th>ヘッダセル</th><th>ヘッダセル</th><th>ヘッダセル</th></tr>
	<tr><td>データ</td><td>データ</td><td>データ</td></tr>
	<tr><td>データ</td><td>データ</td><td>データ</td></tr>
</table>
table	{caption-side: top}	キャプションの位置にtopを指定
キャプション
ヘッダセルヘッダセルヘッダセル
ヘッダセルデータセルデータセル
ヘッダセルデータセルデータセル
table	{caption-side: bottom}	キャプションの位置にbottomを指定
キャプション
ヘッダセルヘッダセルヘッダセル
ヘッダセルデータセルデータセル
ヘッダセルデータセルデータセル
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.