css border-left-style属性怎么用


本文摘自PHP中文网,作者藏色散人,侵删。

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

css border-left-style属性怎么用

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

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

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

<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>

效果输出:

a6c9e81aea46721407edd6ab8644d4d.png

以上就是css border-left-style属性怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css3核心知识点的小结(代码示例)

css如何设置对齐

怎么查看css文件

css怎么设置元素层次

css p标签怎么设置不换行

声明css有哪几种方式

css样式中class是什么

html5 border属性怎么设置?html5 table中的border属性介绍

css grid布局的优缺点是什么?

css类选择符用什么表示?

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...