## border-spacing 屬性
## 定義和用法
border-spacing 屬性設置相鄰單元格的邊框間的距離(僅用于“邊框分離”模式)。
**注釋**:某些版本的IE瀏覽器不支持此屬性。
### 說明
該屬性指定分隔邊框模型中單元格邊界之間的距離。在指定的兩個長度值中,第一個是水平間隔,第二個是垂直間隔。除非 border-collapse 被設置為 separate,否則將忽略這個屬性。盡管這個屬性只應用于表,不過它可以由表中的所有元素繼承。
JavaScript 語法:object.style.borderSpacing="15px"
## 可能的值
| 值 | 描述 |
| --- | --- |
| *length length* | 規定相鄰單元的邊框之間的距離。使用 px、cm 等單位。不允許使用負值。如果定義一個 *length* 參數,那么定義的是水平和垂直間距。如果定義兩個 *length* 參數,那么第一個設置水平間距,而第二個設置垂直間距。 |
| inherit | 規定應該從父元素繼承 border-spacing 屬性的值。 |
## TIY 實例
[設置表格邊框之間的空白](https://www.w3cschool.cn/tryrun/showhtml/csse_table_border-spacing)
本例演示如何設置單元格邊框之間的距離。
## 實例--為表格設置 border-spacing:
~~~
table
{
border-collapse:separate;
border-spacing:10px 50px;
}
~~~
- CSS常用樣式控制
- background--背景
- Text--文本
- CSS屬性
- align-*
- animation-*
- appearance
- backface-visibility
- background
- background-attachment
- background-blend-mode
- background-clip
- background-color
- background-image
- background-origin
- background-position
- background-repeat
- background-size
- border
- border-bottom
- border-bottom-color
- border-bottom-left-radius
- border-bottom-right-radius
- border-bottom-style
- border-bottom-width
- border-collapse
- border-color
- border-image
- border-image-outset
- border-image-repeat
- border-image-source
- border-image-width
- Border-left
- border-left-color
- border-left-style
- border-left-width
- border-image-slice
- border-radius
- border-right
- border-right-color
- border-right-style
- border-right-width
- border-spacing
- border-style
- border-top
- border-top-color
- border-top-left-radius
- border-top-right-radius
- border-top-style
- border-top-width
- border-width
- bottom
- box-shadow
- box-sizing
- caption-side
- clear
- clip
- color
- column-count
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- column-span
- column-width
- columns
- content
- counter-increment
- counter-reset
- cursor
- direction
- display
- Empty-cells
- filter(濾鏡)
- CSS 偽元素選擇器
- :active 選擇器
- :after 選擇器
- :before 選擇器
- :checked 選擇器
- :disabled 選擇器
- :empty 選擇器
- :enabled 選擇器
- :first-child 偽元素
- :first-letter 偽元素
- :first-line 偽元素
- :first-of-type 選擇器
- :focus 選擇器
- :hover 選擇器