您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關css中border-left-style屬性的使用方法的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
css border-left-style屬性用于設置元素左邊框的樣式,只有當這個值不是none時邊框才可能出現。
css border-left-style屬性怎么用?
作用:設置元素左邊框的樣式。
說明:只有當這個值不是 none 時邊框才可能出現。在 CSS1 中,HTML 用戶代理只需支持 solid 和 none。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit" 或 "hidden"。
css border-left-style屬性使用示例
<html> <head> <style type="text/css"> p { border-style:solid; } p.none {border-left-style:none} p.dotted {border-left-style:dotted} p.dashed {border-left-style:dashed} p.solid {border-left-style:solid} p.double {border-left-style:double} p.groove {border-left-style:groove} p.ridge {border-left-style:ridge} p.inset {border-left-style:inset} p.outset {border-left-style:outset} </style> </head> <body> <p class="none">No left border.</p> <p class="dotted">A dotted left border.</p> <p class="dashed">A dashed left border.</p> <p class="solid">A solid left border.</p> <p class="double">A double left border.</p> <p class="groove">A groove left border.</p> <p class="ridge">A ridge left border.</p> <p class="inset">An inset left border.</p> <p class="outset">An outset left border.</p> </body> </html>
效果輸出:
感謝各位的閱讀!關于css中border-left-style屬性的使用方法就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。