CSS border-spacing | CSS プロパティ値| 意味使い方実例

CSS border-spacing| CSS:スタイルシート関数要素使い方・書き方例 CSS サンプル

2018-06-12 css-reference

ページコンテンツ

`border-spacing` CSS プロパティとは

トピック：分離された境界モデルを使用して、隣接する表のセルの境界間の間隔を設定する、事ができるセル間の左右方向と上下方向の両方の間隔折りたたみボーダーモデルが使用されている場合、このプロパティは無視する border-collapseプロパティを参照

 #webref1 {
    border-collapse: separate;
   border-spacing: 15px;
}
 
#webref2 {
    border-collapse: separate;
   border-spacing: 15px 50px;
}

CSS の border-spacing プロパティは、 <table> における隣り合うセルの枠線同士の間隔を定めるこのプロパティは border-collapse が separate のときのみ適用される。

デフォルト値・初期値 :	0
適用対象 :	`table` および `inline-table` 要素
継承 :	継承する
メディア :	visual
計算値 :	2つの絶対的な長さ
`CSS Version`	`CSS2`
アニメーションの種類 :	個別
JavaScript 構文	object.style.borderSpacing="15px"
正規順序 :	形式文法で定義される一意のあいまいでない順序
CSSの構文	`border-spacing: length \|initial \|inherit;`

値	説明
`length length`	隣接するセルの境界線間の距離をpx、cmなどで指定する負の値は許可されていない値を1つ指定すると、セル間の水平および垂直・上下の間隔が定義される2番目は垂直間隔・上下方向の間隔を設定します
`initial`	このプロパティをデフォルト値に設定する
`inherit`	親要素からこのプロパティを継承する

：border-spacing 関連記事