CSS - border-spacing

トップ > CSSリファレンス > border-spacing

概要

属性名 border-spacing
<length> <length>?
初期値0
適用可能要素テーブル要素、またはテーブル内要素
継承継承しない
メディアVisual
サポートC2 / e8 / Fx1 / Ch1 / Op4 / Sa1

説明

隣り合ったテーブルセルの枠線間の距離を指定します。border-collapseseparate が指定されている時のみ有効です。

説明
<length>セルの枠線間の距離を指定します。

使用例

CSS
.sample-separate {
    border-collapse: separate;
    border-spacing: 10px;
    border: 1px solid gray;
    margin: 1em;
}
.sample-separate td {
    border: 1px solid gray;
    background-color: #cc9999;
    width: 100px;
}
HTML
<table class="sample-separate">
  <tr><td>AAA</td><td>BBB</td></tr>
  <tr><td>CCC</td><td>DDD</td></tr>
</table>
表示
AAABBB
CCCDDD

関連項目

border-spacing, border-radius, border-image, box-shadow

リンク


Copyright (C) 1997-2015 杜甫々
初版:1997年7月27日、最終更新:2015年10月25日
http://www.tohoho-web.com/css/prop/border-spacing.htm