border-spacing
Home>CSS>プロパティリファレンス>border-spacing
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> </td><td> </td></tr>
<tr><td> </td><td> </td></tr>
</table>
上記のサンプルでは、セルとセルの間隔が、水平方向(左右)が5ピクセルずつ、垂直方向(上下)が20ピクセルずつあいています。
関連リンク
- プロパティリファレンス:border
- プロパティリファレンス:border-color
- プロパティリファレンス:border-collapse
- プロパティリファレンス:border-width
- プロパティリファレンス:border-bottom
- プロパティリファレンス:border-left
- プロパティリファレンス:border-right
- プロパティリファレンス:border-top
- プロパティリファレンス:border-style
よく読まれている記事
- 右クリックメニューの表示が遅い【Information】
- 画像の一部にリンクを貼る(クリッカブルマップ【Dreamweaver】
- 一定時間でローテーションする広告【JavaScript】
- Dreamweaver【Dreamweaver】
- クリックした画像を拡大・縮小する【JavaScript】
UpDate:2010-7-14