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>
#點擊 "執行實例" 按鈕查看線上實例