AI编程助手
AI免费问答

css border-left-style属性怎么用

藏色散人   2019-05-29 13:35   3148浏览 原创

css border-left-style属性用于设置元素左边框的样式,只有当这个值不是none时边框才可能出现。

css border-left-style属性怎么用?

作用:设置元素左边框的样式。

说明:只有当这个值不是 none 时边框才可能出现。在 CSS1 中,HTML 用户代理只需支持 solid 和 none。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit" 或 "hidden"。

css border-left-style属性使用示例


<style>
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><p>No left border.</p>
<p>A dotted left border.</p>
<p>A dashed left border.</p>
<p>A solid left border.</p>
<p>A double left border.</p>
<p>A groove left border.</p>
<p>A ridge left border.</p>
<p>An inset left border.</p>
<p>An outset left border.</p>

效果输出:

a6c9e81aea46721407edd6ab8644d4d.png

前端入门到VUE实战笔记:立即学习
>在学习笔记中,你将探索 前端 的入门与实战技巧!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。