css border-spacing屬性


  翻譯結果:

border

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

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

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

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

##vi.近似,鄰近

spacing

英[ˈspeɪsɪŋ]   美[ˈspesɪŋ]  

n.間隔,間距;跨距;疏密;留間隔間隔)  

n.間隔,間距;跨度###

css border-spacing屬性語法

作用:border-spacing 屬性設定相鄰單元格的邊框間的距離(僅用於「邊框分離」模式)。

說明:此屬性指定分隔邊框模型中單元格邊界之間的距離。在指定的兩個長度值中,第一個是水平間隔,第二個是垂直間隔。除非 border-collapse 被設定為 separate,否則將忽略這個屬性。儘管這個屬性只應用於表,不過它可以由表中的所有元素繼承。    

註解:某些版本的IE瀏覽器不支援此屬性。所有主流瀏覽器都支援 border-spacing 屬性。如果已規定 !DOCTYPE,那麼 Internet Explorer 8 (以及更高版本)支援 border-spacing 屬性。

css border-spacing屬性範例

<!DOCTYPE>
<html>
<head>
<style type="text/css">
table.one 
{
border-collapse: separate;
border-spacing: 10px
}
table.two
{
border-collapse: separate;
border-spacing: 10px 50px
}
</style>
</head>
<body>
<table class="one" border="1">
<tr>
<td>Adams</td>
<td>John</td>
</tr>
<tr>
<td>Bush</td>
<td>George</td>
</tr>
</table>
<br />
<table class="two" border="1">
<tr>
<td>Carter</td>
<td>Thomas</td>
</tr>
<tr>
<td>Gates</td>
<td>Bill</td>
</tr>
</table>
<p><b>注释:</b>php中文网</p>
</body>
</html>
執行實例 »

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

#

熱門推薦

首頁

影片

問答