首頁 >web前端 >css教學 >CSS:border-spacing屬性的使用與定義

CSS:border-spacing屬性的使用與定義

黄舟
黄舟原創
2017-06-30 09:51:422990瀏覽

在CSS中border-spacing屬性的作用為:規定相鄰單元格邊框之間的距離。

border-spacing屬性實例

表格設定border-spacing:

table
  {
  border-collapse:separate;  border-spacing:10px 50px;
  }

border-spacing定義和用法

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

註解:某些版本的IE瀏覽器不支援此屬性。

說明

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

CSS:border-spacing屬性的使用與定義

語法: 

border-spacing : length || length

參數: 
length :  由浮點數和單位識別碼組成的長度值。不可為負值。請參閱長度單位 


說明: 
設定或檢索當表格邊框獨立(例如當border-collapse屬性等於separate時),行和單元格的邊框在橫向和縱向上的間距。
當只指定一個length值時,這個值會作用於橫向和縱向上的間距。當指定了全部兩個length值時,第一個作用於橫向間距,第二個作用於縱向間距。
目前IE5.5尚不支援此屬性。 
對應的腳本特性為borderSpacing。請參閱我所寫的其他書目。 
 
範例: 

table { border-collapse: separate; border-spacing: 10px; }

以上是CSS:border-spacing屬性的使用與定義的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn