bordercollap屬性
css中的border-collap屬性如何設置表格邊框線？本篇文章就給大家介紹css中的border-collap屬性是什么？
border-collap屬性設置表格邊框線的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有所幫助。
首先我們來了解一下css border-collap屬性是什么？它的作用。
border-collap 屬性：設置表格的邊框是否被合并為一個單一的邊框，即：用于設置表格邊框是合并顯示還是分開顯示。
border-collap 屬性設置表格的邊框是否被合并為一個單一的邊框。它有以下幾個值：
-- parate 默認值：邊框會被分開，不會忽略 border-spacing 和 empty-cells 屬性；
-- collap：如果可能，邊框會合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性；
-- inherit：規(guī)定應該從父元素繼承 border-collap 屬性的值。
雙線表格邊框的實現(xiàn)
html代碼：
border-collap表示邊框的什么屬性？
border-collap是CSS中表格邊框的屬性。
有兩個值可以取，舉例：
perate
的邊框如下：
||
||
||
||
collap
的邊框如下:
|
|
(兩個相鄰單元格的相鄰邊合并了)
css的border-collap兩個值有什么區(qū)別
border-collap共有三個值：border-collap：parate | collap | inherit
它們各自的含義是:
parate：
默認值。邊框會被分開。不會忽略border-spacing 和 empty-cells 屬性。
collap：
如果可能，邊框會合并為一個單一的邊框。會忽略border-spacing 和 empty-cells 屬性。
inherit：
規(guī)定應該從父元素繼承border-collap屬性的值。
border-collap的用途
border-collap屬性設置表格的邊框是否被合并為一個單一的邊框，還是象在標準的 HTML 中那樣分開顯示
table-layout，border-collap有何用途
1、border-collap: collap;
border-collap屬性是運用在table標簽里的， collap值會讓 邊框合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。
2、border: 1px solid black;//這個是設置邊框屬性的，1px是邊框的寬度，solid是設置邊框的線條為實線， black是設置邊框的顏色為黑色。
table, td, th {
border: 1px solid black; ////solid什么意思？
}
上面的意思同時定義3個標簽的 邊框屬性為 border: 1px solid black;
border-collap與cellspacing有區(qū)別嗎
我認為是沒有多大的區(qū)別，功能是一樣的,區(qū)別在于前者是css屬性,后者是table標簽屬性。border屬性有三個子屬性：線寬線型顏色。定義border的時候,可以直接用border屬性,也可以分別用border-width,border-style,border-color定義.如果用border定義的話,就要把三個子屬性的值全部寫出,而且中間用空格分隔,不能用其他的字符。cellspacing設置為“0”，顯示的結果就是第一個表格的每個單元格之間的距離為0。若將表格邊框設為“0”，則單元格的距離就是0了 cellpadding屬性用來指定單元格內(nèi)容與單元格邊界之間的空白距離的大小 。此屬性的參數(shù)值也是數(shù)字，表示單元格內(nèi)容與上下邊界之間空白距離的高度所占像素點數(shù)以及單元格內(nèi)容與左右邊界之間空白距離的寬度所占的像素點數(shù)。
如何使用CSS合并表格邊框？
在CSS中可以使用border-collap屬性來合并表格邊框；border-collap屬性用于設置表中存在的單元格的邊框，并告知這些單元格是否共享公共邊框。
border-collap屬性設置表格的邊框是否被合并為一個單一的邊框。
語法：
屬性值：
● parate：用于設置單元格的單獨邊框。
● collap：用于折疊相鄰的細胞并形成共同的邊界。
● initial：用于將border-collap屬性設置為其默認值。
● inherit：當border-collap屬性從其父元素繼承時使用。
示例：
效果圖：
瀏覽器支持
border-collap屬性支持的瀏覽器如下：
● Apple Safari 1.2
● 谷歌Chrome 1.0
● Internet Explore / Edge 5.0
● Opera 4.0
● Firefox 1.0
原文地址： 如何使用CSS合并表格邊框？
