border

英[ˈbɔ:də(r)]   美[ˈbɔ:rdə(r)]  

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

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

vt.沿…的邊,環繞…,給…鑲邊

##vi.近似,毗鄰

collapse

英[kəˈlæps]   美[kəˈlæps]  

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

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

n.垮台;(身體的)衰弱

#

css border-collapse屬性 語法

作用:border-collapse 屬性設定表格的邊框是否合併為單一的邊框,還是像在標準的 HTML 中那樣分開顯示。

說明:separate    預設值。邊框會被分開。不會忽略 border-spacing 和 empty-cells 屬性。    collapse    如果可能,邊框會合併為單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。  inherit    規定應該從父元素繼承 border-collapse 屬性的值。    

註解:所有主流瀏覽器都支援 border-collapse 屬性。任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit"。如果沒有規定 !DOCTYPE,則 border-collapse 可能會產生意想不到的結果。

css border-collapse屬性 範例

<!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>注释:</b>如果没有规定 !DOCTYPE,border-collapse 属性可能会引起意想不到的错误。</p>
</body>
</html>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#