border

英[?b?:d?(r)]? ?美[?b?:rd?(r)]??

#n.邊界;邊;鑲邊;包;邊

vt.& vi.與…接界，在…的邊上

vt.沿…的邊，環(huán)繞…，給…鑲邊

##vi.近似，毗鄰

collapse

英[k??l?ps]? ?美[k??l?ps]??

vi.vi.倒塌;折疊;（尤指工作勞累後）坐下

vt.使倒塌;使坍塌;使瓦解

n.垮臺(tái);（身體的）衰弱

#

css border-collapse屬性 語(yǔ)法

作用：border-collapse 屬性設(shè)定表格的邊框是否合併為單一的邊框，還是像在標(biāo)準(zhǔn)的 HTML 中那樣分開(kāi)顯示。

說(shuō)明：separate ? ?預(yù)設(shè)值。邊框會(huì)被分開(kāi)。不會(huì)忽略 border-spacing 和 empty-cells 屬性。? ? collapse ? ?如果可能，邊框會(huì)合併為單一的邊框。會(huì)忽略 border-spacing 和 empty-cells 屬性。? inherit ? ?規(guī)定應(yīng)該從父元素繼承 border-collapse 屬性的值。? ??

註解：所有主流瀏覽器都支援 border-collapse 屬性。任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。如果沒(méi)有規(guī)定 !DOCTYPE，則 border-collapse 可能會(huì)產(chǎn)生意想不到的結(jié)果。

css border-collapse屬性 範(fàn)例

<!DOCTYPE>
<html>
<head>
<style type="text/css">
table
  {
  border-collapse:collapse;
  }
table, td, th
  {
  border:1px solid black;
  }
</style>
</head>
<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
<p><b>注釋?zhuān)?lt;/b>如果沒(méi)有規(guī)定 !DOCTYPE，border-collapse 屬性可能會(huì)引起意想不到的錯(cuò)誤。</p>
</body>
</html>
執(zhí)行實(shí)例 ?

#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例

#