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

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

黄舟
發布: 2017-06-30 09:51:42
原創
3083 人瀏覽過

在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
最新問題
android - image 設定border-radius
來自於 1970-01-01 08:00:00
0
0
0
邊框漸層與border-radius是否相容?
來自於 1970-01-01 08:00:00
0
0
0
Safari 瀏覽器不支援圓形頭像的 CSS
來自於 1970-01-01 08:00:00
0
0
0
了解使用者代理樣式表的作用
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板