在CSS中border-spacing屬性的作用為:規定相鄰單元格邊框之間的距離。
border-spacing屬性實例
為表格設定border-spacing:
table { border-collapse:separate; border-spacing:10px 50px; }
border-spacing定義和用法
#border -spacing 屬性設定相鄰單元格的邊框間的距離(僅用於「邊框分離」模式)。
註解:某些版本的IE瀏覽器不支援此屬性。
說明
此屬性指定分隔邊框模型中單元格邊界之間的距離。在指定的兩個長度值中,第一個是水平間隔,第二個是垂直間隔。除非 border-collapse 被設定為 separate,否則將忽略這個屬性。儘管這個屬性只應用於表,不過它可以由表中的所有元素繼承。
語法:
border-spacing : length || length
參數:
length : 由浮點數和單位識別碼組成的長度值。不可為負值。請參閱長度單位
說明:
設定或檢索當表格邊框獨立(例如當border-collapse屬性等於separate時),行和單元格的邊框在橫向和縱向上的間距。
當只指定一個length值時,這個值會作用於橫向和縱向上的間距。當指定了全部兩個length值時,第一個作用於橫向間距,第二個作用於縱向間距。
目前IE5.5尚不支援此屬性。
對應的腳本特性為borderSpacing。請參閱我所寫的其他書目。
範例:
table { border-collapse: separate; border-spacing: 10px; }
以上是CSS:border-spacing屬性的使用與定義的詳細內容。更多資訊請關注PHP中文網其他相關文章!