您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關css中使用border屬性的方法的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
css border 定義和用法
css border-style 屬性用于設置元素所有邊框的樣式,或者單獨地為各邊設置邊框樣式。只有當這個值不是 none 時邊框才可能出現。
例1
border-style:dotted solid double dashed;
上邊框是點狀
右邊框是實線
下邊框是雙線
左邊框是虛線
例2
border-style:dotted solid double;
上邊框是點狀
右邊框和左邊框是實線
下邊框是雙線
例3
border-style:dotted solid;
上邊框和下邊框是點狀
右邊框和左邊框是實線
例4
border-style:dotted;
所有 4 個邊框都是點狀
實例,設置四個邊框的樣式
p { border-style:solid; }
瀏覽器支持
所有瀏覽器都支持 border-style 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit" 或 "hidden"。
可能的值
描述
最不可預測的邊框樣式是 double。它定義為兩條線的寬度再加上這兩條線之間的空間等于 border-width 值。不過,CSS 規范并沒有說其中一條線是否比另一條粗或者兩條線是否應該是一樣的粗,也沒有指出線之間的空間是否應當比線粗。所有這些都有用戶代理決定,創作人員對這個決定沒有任何影響。
感謝各位的閱讀!關于css中使用border屬性的方法就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。