border-spacing

Home>CSS>プロパティリファレンス>border-spacing

この情報はお役に立ちましたか?よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

border-spacingプロパティの役割

border-spacingプロパティは、セルとセルの間の隙間を指定します。
border-collapseプロパティがseparateに指定されているときに有効になります。

border-spacingプロパティに設定できる値

整数 整数+単位で指定する。

値を1つだけ指定した場合には、上下左右に指定した値が空間がとられます。値を2つ指定した場合には、最初の値が左右の空間、2番目の値が上下の空間の値になります。

値を2つ指定する場合には、半角スペースで区切ります。

border-spacingプロパティの使い方

<table border="1" style="border-collapse:separate;border-spacing:5px 20px">
<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
</table>

  
  

上記のサンプルでは、セルとセルの間隔が、水平方向(左右)が5ピクセルずつ、垂直方向(上下)が20ピクセルずつあいています。

関連リンク

よく読まれている記事

UpDate:2010-7-14