border

UK[ˈbɔ:də(r)] US[ˈbɔ:rdə(r)]

n.Border; edge; edging; wrapping Edge

vt.& vi. Bound with, on the edge of...

vt. Along the edge of, surround..., edge...

vi. Approximate, adjacent

collapse

##UK[kəˈlæps] US[kəˈlæps]

vi. Collapse; collapse; fold; (especially after work hard) ) sit down

vt. To collapse; to collapse; to disintegrate

n. Collapse; (body) weakness

css border-collapse property syntax

Function:The border-collapse attribute sets whether the borders of the table are merged into a single border, or whether they are displayed separately like in standard HTML.

Description: separate Default value. The borders will be separated. The border-spacing and empty-cells properties are not ignored. Collapse Borders will be merged into a single border if possible. The border-spacing and empty-cells properties are ignored. inherit specifies that the value of the border-collapse attribute should be inherited from the parent element.​

Note: All major browsers support the border-collapse attribute. The attribute value "inherit" is not supported in any version of Internet Explorer (including IE8). If !DOCTYPE is not specified, border-collapse may produce unexpected results.

css border-collapse property example

<!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>
Run instance »

Click the "Run instance" button to view the online instance