css border-left-width属性笔记

原创 PHP笔记  2017-12-01 16:32  阅读 1,515 views 次

定义及用法

1、在php中,border-left-width属性是用来设置元素的左边框的宽度。相似的属性有:border-top-width属性、border-bottom-width属性、border-right-width属性,其用法和border-left-width属性一样。

2、border-left-width属性设置之前要先设置边框样式(border-style或border-left-style)才会有效果,不然边框样式是none,边框宽度会被重置为 0。可以这样理解:必须要先有边框才会有边框宽度。

3、border-left-width属性值不允许为负长度值。

border-left-width属性值

  • thin:细的左边框。
  • medium:中等的左边框(默认)。
  • thick :粗的左边框。
  • length:自定义左边框的宽度。
  • inherit:从父元素继承边框宽度。

语法格式:

border-left-width:thin / medium / length / inherit;

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css border-left-width属性笔记</title>
<style>
p{border-style:solid;}
#blw1 {border-left-width:thin;}
#blw2 {border-left-width:medium;}
#blw3 {border-left-width:thick;}
#blw4 {border-left-width:10px;}
</style>
<head/>
<body>
<p id="blw1">细的左边框</p>
<p id="blw2">中等的左边框(默认)</p>
<p id="blw3">粗的左边框</p>
<p id="blw4">自定义左边框的宽度</p>
</body>
</html>

运行结果:

css border-left-width属性笔记

相关属性——>css border-left属性笔记(border-left属性可以同时设置包含border-left-*的属性)

更多css属性——>css属性大全

本文地址:https://www.ggbiji.com/border-left-width.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情