css border-left-style属性怎么用
程序员文章站
2022-03-14 16:47:14
...
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属性怎么用的详细内容，更多请关注其它相关文章！
推荐阅读
-
css怎么用，divcss布局经典实例
-
ACDsee怎么用？acdsee做图像属性的教程
-
VS2019怎么设置CSS的默认属性?
-
2个属性用CSS实现图片自适应浏览器
-
怎么用css属性屏蔽鼠标事件(鼠标点击可穿透上层元素)
-
关于用图片做无序列表的项目符号，我做出来怎么是这个样子？_html/css_WEB-ITnose
-
怎么用dreamweaver做一个可以换肤的界面_html/css_WEB-ITnose
-
发现一个特效会让你有意思，有人知道这个用css可以做出来吗，怎么做？_html/css_WEB-ITnose
-
symfony怎么用css来控制表单的样式？
-
怎么用JavaScript或css在thinkPHP的模板中显示树形结构