时间：2021-07-01 10:21:17 帮助过：52人阅读
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属性怎么用的详细内容，更多请关注Gxl网其它相关文章！