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-spacing隣接セル間の距離

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

プロパティの書式と機能

隣接する各セルのスペースを x,y の順に Length値 で指定します。'border-collapse'プロパティで'separate'が指定されている必要があります。

プロパティの書式機能
border-spacing: <length>隣接セル間の距離を指定(上下左右)
border-spacing: <length> <length>隣接セル間の距離を指定(左右-上下)
border-spacing: inherit継承

EXAMPLE

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