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空白セルのボーダー(枠線)の表示方法

border-collapse隣接セルの結合と分離

プロパティの値collapse | separate | inherit
初期値separate
対象要素'table' 及びテーブルの行内構成要素
継承する
%無効
メディアvisual
W3C Ref.CSS2.1

プロパティの書式と機能

テーブルの隣接する各セルの枠線の重ね合わせを指定します。値に'separate'(または初期値)を指定した場合、セル間隔の指定には'border-spacing'プロパティを使用します。

プロパティの書式機能
border-collapse: collapse隣接セル同士の枠線を結合する
border-collapse: separate隣接セル同士の枠線を分離する
border-collapse: inherit継承

EXAMPLE

<table>
<caption>border-spacing: 2px 2px</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	{
	border-collapse: separate;	セルの枠線を分離
	border-spacing: 5px 1px;	横2px 縦2pxの間隔を指定
	}
border-collapse: collapse
ヘッダセルヘッダセルヘッダセル
ヘッダセルデータセルデータセル
ヘッダセルデータセルデータセル
border-collapse: separate
ヘッダセルヘッダセルヘッダセル
ヘッダセルデータセルデータセル
ヘッダセルデータセルデータセル
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.