css border-left-style屬性怎麼用
- 藏色散人原創
- 2019-05-29 13:35:403040瀏覽
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屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn